MyBB Community Forums

Full Version: Align custom "menu top_links" properly
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi,

I added few links manually into "menu top_links" but some are not aligned and few pixels at their bottom are being cut. It's not a big deal but it looks ugly.
[attachment=35054]

As you can see in this attachment, that "Download", "Facebook" and "FAQ" icons are trimmed at bottom.


Any idea to fix it would be great.


Regards,

Additional info:


I have edited global.css and and added 
.download {
    background-image: url("mysite/images/nav_bar/download_icon.png") !important;
}



and in Header Templates -> header

<ul class="menu top_links">
   <li><a class="download" href="{$mybb->settings['bburl']}/download.php">Download</a></li>



I just don't know how to lift those icons up a little bit so they display on navbar properly.


Regards,
providing your forum url would be easy to fix these kind of css issues...
removed link forum link no longer required
in global.css find "#header ul.menu li a" and change its line height to 19px (same as the size of your new images)

change this....

#header ul.menu li a {
//*****some codes*****//
line-height: 16px;


to this...

#header ul.menu li a {
//*****some codes*****//
line-height: 19px;
Thank you very much, it solved the issue.