Archived

This topic is now archived and is closed to further replies.

  • 0

How do I center my header logo in Platform Pro?

Question

Posted · Report post

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/

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

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 :-)

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

cool! will try it. danke schoen. :)

Share this post


Link to post
Share on other sites

Posted · Report post

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!

Share this post


Link to post
Share on other sites

Posted · Report post

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)

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites