Centre Header Image in Zuki Theme
-
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)
-
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; } -
-
-
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/
-
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 topic ‘Centre Header Image in Zuki Theme’ is closed to new replies.