Center tagline in middle of header
URL to the page in question:
-
Hi Bill,
What is the code I need to use in theme options styling Custom CSS so that logo and tagline are centered in middle of header? Also can I change the color of tagline text to green like the background of Welcome to our foundation.. http://www.caymanmapguide.com/wordpress
Len
Good Morning Len,
You can center your logo and tagline in the middle of the header. You can use this if you’d like to center them horizontally:
#logo,
#text-logo {
float: none;
display: block;
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
#tagline {
float: none;
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
If you want to center them vertically, go to the Theme Options page and select the Styling tab. Just below the tagline color option there, you’ll see a field for the “Tagline top margin.” You can enter a number here and that will change the top margin of your tagline to that number. You can use that to adjust the vertical position of your tagline. It’s measured in pixels, but you only need to enter the number — 20, not 20px.
Hope that helps you out. If you have any questions, just let me know.
Enjoy your weekend,
Bill
- The topic ‘Center tagline in middle of header’ is closed to new replies.