Center Header Image
-
A link to your site would make it much easier for someone to help you.
Thanks! The site is located at:
http://aplusclassiccollision.com/Do you know where to put this CSS:
.flexbox #site-title { width: 100%; text-align: center; }?
the theme has a flex box section under the header section. here is what is there right now:
* Use Flexbox to vertical center the site title and description
*/
.flexbox #branding hgroup {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.flexbox #site-title {
float: none;
margin: auto auto auto 40px;
}
.flexbox #site-description {
float: none;
margin: auto 40px auto auto;Where is that from, header.php?
no that is from the header section of the style.css file for the theme.
i can post that entire section of the file if you like.
Do you have a section of the dashboard named, “Custom CSS” or “Edit CSS”?
no, all i see is the regular editor for the different files in the appearance section
Hello,
You can either use Jetpack’s custom CSS feature or a create a child theme.
This CSS should work (thanks Andrew Nevins):
#site-title { width: 100%; text-align: center; }– Jesper
Thanks for getting this to me. Where in the code do I need to put this?
Do you use a child theme or Jetpack? If you use Jetpack (sounds like the best solution for you) you go to
Appearance > Edit CSSand add the CSS in the text box.– Jesper
I used edit CSS in Jetpack and it worked! Thanks so much Andrew and Jesper :))
You’re welcome 🙂
The topic ‘Center Header Image’ is closed to new replies.
