Centered logo image in header + color changes

Hello everyone,

  • Can anyone tell me how I center my logo image in the header?
  • Also, how can I change the purple color of the menu bar and the “footer”-bar?

Love to hear from you!


  1. Add this to Theme Options - Other - Custom CSS
.site-branding {
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    float: none;
.social-header {
    width: 100%;
  1. There are several Theme Options for colors available inside WordPress dashboard - Appearance - Theme Options. Play around those options to see what works for you.

Thank you sir!

  1. I did so but the social icons seem to be gone now? How can that be?
  2. Will have a look, thanks!

Love to hear from you.


  1. Please post your website URL, so I can provide you with a proper solution. My provided code was general solution with setup like in theme demo but I guess you have some different one. And then centering logo, social icons will be moved done as there no longer will be place for them in line with logo.

Hello Aigars,

Extra question, there is no transparency when you change the element color from standard to in my case grey. Can this be changed?

Thanks again man!


Fixed the transparency thing :wink:

Add this to Theme Options - Other - Custom CSS by social-header related code I provided above. The rest leave in place.

.social-header {
width: 100%;
z-index: 100;
margin-top: -150px;

Works now, thank you so much!

Hi Algars,

I was hoping to center my header image and social icons as well. When I use the above css it does not move the social icons and I lose padding around the image header. Can you help me fix this?