Centre Header Image in Zuki Theme

melissajayne23 · Member · Mar 27, 2015 at 3:31 am
Copy link

Add topic to favorites
Hi! Need some help centering my header image on the zuki theme. I have entered these two:

#masthead hgroup {
float: none;
margin-left: auto;
margin-right: auto;
}

as well as:

#masthead hgroup {
width: 100%;
}

and its just not working… any other suggestions?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 27, 2015 at 2:44 pm
Copy link
Hi, the selectors you have used are not right for Zuki as there is no hgroup div. The following centers your logo and title/tagline and tightens up a bit of the space below the logo, which I think looks better.
```
#site-header {
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-left: 0;
    padding-bottom: 0;
}
```
Since you have your title and tagline in your logo image, you might also try adding the following which hides the text-based title and tagline, but leaves them there in the HTML for the search engines to find.
```
#site-header h1, #site-header h2.site-description, #site-header h2.site-description::before {
    display: none;
}
```
melissajayne23 · Member · Apr 1, 2015 at 9:59 pm
Copy link
Thankyou so much this is so helpful!
thesacredpath · Member · Apr 2, 2015 at 2:47 am
Copy link
You are welcome.
slkowalski · Member · Apr 6, 2015 at 3:48 pm
Copy link
I have been trying this same thing as well. I’ve been pasting different codes into my Simple Custom CSS plugin, but none work. I’m a newbie. What am I missing? http://someday-today.com/
thesacredpath · Member · Apr 6, 2015 at 7:11 pm
Copy link
Hi @slkowalski, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours using Zuki, I would suggest asking in the volunteer-based WordPress.org Themes and Templates forum and then tag your thread with wpcom-theme so the the support staff will see it.

For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

The differences between WordPress.com and WordPress.org.

No items found.