How do I center my header logo in Platform Pro?
Started by
jeffsbesthemp
, Jan 07 2011 10:24 AM
7 replies to this topic
#1
Posted 07 January 2011 - 10:24 AM
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 :
#2
Posted 07 January 2011 - 05:54 PM
The header isn't centering because the social media icons are there on the right.
Have you tried this?:
(Add it to the base.css file in PlatformBase)
Have you tried this?:
(Add it to the base.css file in PlatformBase)
#3
Posted 07 January 2011 - 06:31 PM
make the CSS rule more specific... add `body` or `#page` in front of the rule.
#4
Posted 08 January 2011 - 09:53 PM
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 :-)
#5
Posted 09 January 2011 - 12:46 AM
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.
#6
Posted 09 January 2011 - 12:56 AM
Actually, even better is under "Platform Pro" click "settings" and then "custom code". You will see a box for "custom css".
#7
Posted 09 January 2011 - 09:01 AM
cool! will try it. danke schoen.
#8
Posted 20 January 2011 - 01:27 AM
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!










