[CSS Customizations] How to center the logo

[Jason Bobich]

Here is how you could center the logo from your Custom CSS:

#branding .header_logo {
    float: none;
    text-align: center;
}
#branding .header_logo .tb-image-logo img {
    display: inline;
}

========

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

Topic

[taran]

This does not work any more
Alyeska Version: 3.1.4
WP 4.2.2

[Jason Bobich]

Hi @taran, please see here: http://support.themeblvd.com/forums/topic/logo-not-in-center-anymore/

[Author]

Replies