MyBB Community Forums

Can't seem to figure out what to change in my logo files to do this, nothing moves it

#header {
      background: #005ea7;
      height: 200px;
      min-width: 1024px;
}

.logo {
    color: #FFFFFF;
    float: left;
    margin-top: 20px;
    transition: all 0.5s ease;
}

.logo2 {
      float: left;
      color: #FFFFFF;
      margin-top: 20px;
      transition: all 0.5s ease;
}

.logo:hover > .logo2 {
      transform: rotate(360deg);
}

This is everything in my logo stuff - I tried adding padding to no avail. Any help? thanks

Hm, is this for the original MyBB theme? If not, I can look at it but need to see the HTML as well.

(2016-07-26, 02:43 AM)VisualizeEdits Wrote: [ -> ]Hm, is this for the original MyBB theme? If not, I can look at it but need to see the HTML as well.

Square theme.

HTML = <div id="container">

<div id="header">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="http://i.imgur.com/ScdZqcS.png" /></a>
<div class="menu">
<ul>

---

Does no one know?

Try this image
http://i.hizliresim.com/z491MO.png

You don't need to change codes, you can change the image.

(2016-07-26, 08:16 AM)Darkrad Wrote: [ -> ]Try this image
http://i.hizliresim.com/z491MO.png

You don't need to change codes, you can change the image.

Thank you so much! Is there anyway to get that image just slightly lower?

Do you have a website with this issue that we can look at?

change the margin-top.
the class of the logo is = .logo

(2016-07-26, 08:28 AM)royalty Wrote: [ -> ]

(2016-07-26, 08:16 AM)Darkrad Wrote: [ -> ]Try this image
http://i.hizliresim.com/z491MO.png

You don't need to change codes, you can change the image.

Thank you so much! Is there anyway to get that image just slightly lower?

http://i.hizliresim.com/Zd4bWz.png
2px lower.