custom header in css
-
does anyone know how to tell my custom CSS that i want the header chosen for each page of my site? i can upload a custom header, but it overrides all the different headers i have chosen for particular pages. does anyone know how to change this effect? thanks so much!!
The blog I need help with is: (visible only to logged in users)
-
You would have to first off set for no header at appearance > header. Then you would have to target each individual page of your site by page ID such as below.
.page-id-4 #branding img { background: url("URL of image") no-repeat scroll 0 0 transparent; }You will have to do the above for each page, and any pages you add in the future will require another entry into the CSS.
-
This thread has been flagged so our Moderator move it to the CSS editing forum for you.
The only themes that support custom headers for each page use the featured image feature. See here >
http://en.support.wordpress.com/featured-images/When you CSS edit a blog the header image uploader is no longer used. You have to upload your image into the Media Library and then place the link in the CSS. http://en.support.wordpress.com/themes/custom-header-image/
-
-
G’day TT, and thanks. I forgot to mention that the OP will not be able to use the custom header uploader with the solution above.
-
@cleavingtochrist, with Coraline, you can even do this without the CSS by uploading your image from within the page and then setting that image as a featured image for that page.
-
-
-
-
- The topic ‘custom header in css’ is closed to new replies.