MyBB Community Forums
Center the Logo - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Development (https://community.mybb.com/forum-105.html)
+---- Thread: Center the Logo (/thread-195924.html)



Center the Logo - Kioshi - 2016-07-21

How do you center the Logo on MyBB 1.8?

I can't seem to get it done, kind of noobish but yeah. I'm new to theme designing. I wanna use the least amount of code on the theme as I can though.


RE: Center the Logo - .m. - 2016-07-21

depends on the element used for the logo image / logo text
in general, image is used with its html code wrapped by logo div element
so style property like below is used for centering the logo image
#logo img {text-align: center;}



RE: Center the Logo - Kioshi - 2016-07-21

(2016-07-21, 03:21 AM).m. Wrote: depends on the element used for the logo image / logo text
in general, image is used with its html code wrapped by logo div element
so style property like below is used for centering the logo image
#logo img {text-align: center;}

This is the code for the Logo in my Global.css

#logo {
 background: #fff;
padding: 10px 0;
border-bottom: 1px solid #263c30;
}

Do I delete this, and add the code you said. Or?


RE: Center the Logo - .m. - 2016-07-21

what is your code for logo in the header template ?


RE: Center the Logo - Kioshi - 2016-07-21

(2016-07-21, 03:32 AM).m. Wrote: what is your code for logo in the header template ?

<div id="logo">
 <div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>

I'm starting from the ground up using the Default 1.8 theme.


RE: Center the Logo - .m. - 2016-07-21

#logo {text-align: center;} should work. so you can try adding text-align: center; to the existing properties.


RE: Center the Logo - Kioshi - 2016-07-21

(2016-07-21, 04:13 AM).m. Wrote: #logo {text-align: center;} should work. so you can try adding text-align: center; to the existing properties.

Yes I just added it and it worked, thank you!