Can you assign a specific image header to a menu header

  • Author
    Posts
  • #1055846

    Hi,

    Can you assign a specific image header to a specific menu header.

    i.e click on the menu header and when you go into that page the header you desire is displayed at the top in the header image section

    The blog I need help with is instinctiveminds.com.au.

    #1056069

    The Twenty Ten and Twenty Twelve themes have featured header images built in. For other themes, you would need to add specific CSS for each page where you wanted a unique custom header image to appear.

    If you’d like help with the CSS, can you upload one of the alternate header images to your media library and then reply back with the link as well as the link to the page where you’re trying to change out the header image?

    #1056076

    Hi design simply.

    Yes I thought I would need to code for it. If you can give me the code for one link I am sure I will be able to link others pic’s myself.

    Media link
    http://instinctivemindsdotcom.files.wordpress.com/2012/09/stress-free.jpg

    Page link http://wp.me/P2GoV6-8

    Also am I able to add css code so that I can sit text over the image. Like the header option where you can have header image and also header text displayed over the top. Am wanting to text to be on the left hand side

    #1056113

    Here’s one way to do it:

    .page-id-8 #header {
    	padding-bottom: 255px;
    	background: url('http://instinctivemindsdotcom.files.wordpress.com/2012/09/stress-free.jpg') 0 100% no-repeat;
    }

    Note that you can adjust the padding value to move the image down further.

    Also, the “.page-id-8” part of the selector means that the CSS example above will just affect the CSS on the http://instinctiveminds.com.au/beta-release-technique/ page only. To find “.page-id-8”, I viewed the page source and looked at the the “body” tag for that page.

The topic ‘Can you assign a specific image header to a menu header’ is closed to new replies.