WordPress.org

Ready to get started?Download WordPress

Forums

jquery photos appear behind header image twentyeleven theme (11 posts)

  1. bettles
    Member
    Posted 1 year ago #

    Hello, I am working on my twentyeleven child theme, and noticed that my jquery lightbox photos are now appearing behind the header images, instead of on top.

    I've customized my theme by moving the menu bar above the header image.

    I have searched the forums and have tried changing the z-index (anywhere from 1 to 5000, as suggested) and nothing has worked for me.

    Here is the problem photo page: http://www.mccormickpark.ca/mccormick-park-archival-photos/

    Thanks for any help out there!

    Ellen

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Add this;

    #branding {
     z-index: 1;
    }

    For some reason it was at 9999? There's no need for such a high number.

  3. bettles
    Member
    Posted 1 year ago #

    Thanks - yes I've tried changing the #branding z-index, but it doesn't work.
    I tried 1, and I've tried 999 (as someone has suggested) and 5000, without success.

    Any other ideas would be greatly appreciated!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Where did you try that?

  5. bettles
    Member
    Posted 1 year ago #

    In my child theme style.css - #branding

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Are you editing the wrong file?
    There's no such style in your Child theme style.css file http://www.mccormickpark.ca/wp-content/themes/twentyeleven-child/style.css

  7. bettles
    Member
    Posted 1 year ago #

    I'm only editing the child theme style.css - this is how it currently looks:

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. Not the single quote character, that doesn't work. ]

    #branding {
    	background: #ffffff;
    	border-top: none;
    	z-index: 1;
    }
  8. bettles
    Member
    Posted 1 year ago #

    minus the quotes I just put in the post by mistake!

  9. bettles
    Member
    Posted 1 year ago #

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sorry, but that's a different website.
    That style.css file will not work on this website http://www.mccormickpark.ca/mccormick-park-archival-photos/

  11. bettles
    Member
    Posted 1 year ago #

    Hi Andrew, so sorry for the confusion!

    The live site is on a friends server and I can't currently edit the associated style.css.

    I'm working on the same site (test version) that I originally built on my own server, to fix this problem. Once I've figured it out, I'll have to send the revised style.css to be uploaded.

Topic Closed

This topic has been closed to new replies.

About this Topic