Center my blog logo image
-
I am trying to bring the logo image in the center of header through CSS with following code:
.wf-active #site-header h2.site-description {
display: none
}#site-header {
width: 100%;
max-width: 100%;
text-align: center;
clear: right
}It stays in the same position, however. Would like help with bringing it to the center! My blog is: http://www.infiniteli.com.
-Sphoorti
The blog I need help with is: (visible only to logged in users)
-
Hi there,
Please try adding this CSS code:
div#site-header { width: 100%; max-width: 100%; } a.site-logo-link { width: 100%; max-width: 100%; display: table; text-align: center; } -
Thank you so much for sharing the code! It moved closer to the center, however it still does not align to the center of webpage.
Should I make more changes the code? Appreciate your help! :)
Sphoorti
-
Hello,
It seems some other custom code is conflicting, please try to remove the code related to the header, site logo etc to see how it goes.
-
Okay! I will input the code again once I remove other conflicting codes. Thank you! :)
Sphoorti
-
Hello Diana,
The code is working!! Thanks a ton. :D
BTW – would you know how to save the changes made to the new page elements? Once I refresh the logo goes back to its original place.
Thank you again!
- The topic ‘Center my blog logo image’ is closed to new replies.