Not Solved Help with theme.
#1
Not Solved
Up until now, I only had a default theme.

I just installed a theme called 1point8

However, I want the logo from my default theme in the new "1point8" theme.

http://sacramentokingsforum.net/index.php

This is what it looks like in the default theme:

https://i.imgur.com/aSINM3W.png

This is what it looks like in my modified 1point8 theme:

https://i.imgur.com/dUkTTKk.png

How can I get the hardwood floors below the green bar, and repeated across?

I tried this in my global.css:


Quote:#logo {

    padding: 10px 0;
    border-bottom: 1px solid #263c30;
    background-image: url("images/hardwoodFloors.jpg");
    background-repeat: repeat-x;

And I have this for my header template:

Quote:  <a name="top" id="top"></a>
<div class="topbar">

<div class="dns"><div class="float_left" style="margin-left: 6%; margin-top: 12px;">
<!--
<a href="{$mybb->settings['bburl']}/index.php"><img src="images/1point8/logo.png" alt="{$mybb->settings['bbname']}" /></a>
-->
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
            </div></div>

<div class="mmenu"><div class="float_right" style="margin-right: 6%; margin-top: 15px;">

<div class="menu">

                <ul>
                  <li id="nav-portal"><a href="{$mybb->settings['bburl']}/portal.php">Home</a></li>
                    <li id="nav-forums"> <a href="{$mybb->settings['bburl']}/index.php">Forums</a></li>
                    <li id="nav-search"> <a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>
                    <li id="nav-member"> <a href="{$mybb->settings['bburl']}/memberlist.php">Members</a></li>
                    <li id="nav-calendar"> <a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>
                    <li id="nav-help"> <a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>
      <ul>
            </div>  </div>  </div>

</div><div style="clear:both"></div>

<div id="container" style="margin-top: 40px;">
<div id="header">
<div id="content">
<div class="wrapper">

<div class="navMenu" style="margin-top: -10px;">{$welcomeblock}  </div>
              <br />

                {$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
                <navigation>
<br />


Thanks.
Reply
#2
Not Solved
you can try and add in the logo class
background-size:cover
This will stretch the image to cover the entire background area, however you won't see the whole image due to how large it's being stretched. Also, if your image is not large enough, it will get pixelated
Reply
#3
Not Solved
(2023-11-10, 08:51 AM)Joey_Pham423 Wrote: you can try and add in the logo class
background-size:cover
This will stretch the image to cover the entire background area, however you won't see the whole image due to how large it's being stretched. Also, if your image is not large enough, it will get pixelated

Sorry I must have missed notification for this.

Can you post the code block an file where I would do this?
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)