How do you replace the header text with a logo image?
-
On the Forever theme how do you replace the header text with a logo image?
The blog I need help with is: (visible only to logged in users)
-
A logo is an image and it can be included in a custom image header. http://en.support.wordpress.com/themes/custom-header-image/
http://en.support.wordpress.com/themes/custom-header-image/#flexible-headers
If that does not suit you see http://en.support.wordpress.com/custom-design/Theme description here > http://theme.wordpress.com/themes/forever/
Live demo site here > http://theme.wordpress.com/themes/forever/ -
Oh dear! I’m so sorry. I just noticed this is posted in the CSS Forum.
See here > https://en.forums.wordpress.com/topic/change-header-title-to-logo-image-in-forever-theme?replies=3
-
I tried this however i am not seeing any results. Am I going wrong somewhere?
/* =Header
———————————————– */#masthead {
padding: 3.23em 0 0;
}
#site-title a {
display: block;
background: url(http://janeblandcc.files.wordpress.com/2013/02/cropped-jane-bland-cmyk-logo.jpg) no-repeat center center;
width: 885px;
height: 315px;
text-indent: -9999px;
margin: 0 auto;
}/* =Menu
———————————————– */ -
That CSS is to replace header text, and so it will only work if you have checked the “Show header text with your image.” option on your Appearance → Header page.
Note that that may not be the best solution if you are going to use a large header image.
I noticed you have a ton of CSS saved in your Appearance → Custom Design → CSS page, and that’s probably not necessary. When using the “Add-on” mode (recommended), then you can just paste in the CSS rules for things you want to change and you don’t have to copy and paste the entire original stylesheet.
- The topic ‘How do you replace the header text with a logo image?’ is closed to new replies.