How do I center my header logo in Platform Pro?

[jeffsbesthemp 0]

I was able to nudge it over to where I wanted using the chrome developer tools, but it won't save. Simple HTML code for

after the div align stuff moved it where I wanted, but it doesn't stay. I tried the forum topic with the div. etc. align center suggestion marked best answer in the custom css section but it does not do it. my website is : http://jeffsbesthemp.com/wordpress/

[catrina 103]

The header isn't centering because the social media icons are there on the right. Have you tried this?:

div.branding_wrap {text-align: center;}

(Add it to the base.css file in PlatformBase)

[Andrew 207]

make the CSS rule more specific... add `body` or `#page` in front of the rule.

[medp 0]

I have the same problem, but don't know where to put the bit of code? - sorry I'm just a design without much coding skills :-)

[kastelic 6]

In the dashboard, in the left sidebar under "appearance" click "editor". Then you see the list of all your files in the right sidebar. Under "Styles" you'll see "style.css". This is where you add all your code. Just put it at the bottom.

[kastelic 6]

Actually, even better is under "Platform Pro" click "settings" and then "custom code". You will see a box for "custom css".

[jeffsbesthemp 0]

cool! will try it. danke schoen.

[jeffsbesthemp 0]

Worked like a charm. In case anyone ever just wants to copy and paste it, in my custom CSS code section I wrote body div.branding_wrap {text-align: center;} saved it, viewed site, and refreshed the site so the page data was fresh. karmaing both!