How to layer an image over wp-cycle on Manhattan theme

Community Forums Forums Design Tips and Tricks How to layer an image over wp-cycle on Manhattan theme

This topic is: not resolved

This topic contains 8 replies, has 2 voices, and was last updated by  kellyedwards78 1 year, 9 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #2299

    kellyedwards78
    Participant

    Is there a way to overlay an image on top of the WP-cycle element on the Manhattan theme (or any other theme)? For example, I want a full-width square box like the theme comes with, but I want an image (like a logo) on top of it in the left corner.

    I have figured out how to layer it over the “home-top” margin area, but not over the rotating images themselves.

    Site is http://www.bedrocknursery.net/

    Thanks!

    #2364

    SoZo
    Moderator
    Post count: 1573

    You can use positioning and z-index


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2366

    kellyedwards78
    Participant

    I tried that, but apparently I’m too much of a novice to pull it off. Any additional instructions would be helpful! Thank you so much for answering.

    #2380

    SoZo
    Moderator
    Post count: 1573

    That’s all it takes. adding position and z-index properties. What exactly did you try?


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2384

    kellyedwards78
    Participant

    I did z-index:1; z-index:2; z-index:3; etc. But I didn’t do something separate for positioning. I thought z-index WAS positioning?

    #2388

    SoZo
    Moderator
    Post count: 1573

    No, for z-index to take effect you must also apply a position.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2390

    kellyedwards78
    Participant

    So where/how would you add that?

    #home-top {
    width: 1060px;
    margin: 0 auto 0;
    padding: 2px;
    z-index=1; }

    #2410

    SoZo
    Moderator
    Post count: 1573

    There are examples in the links I initially provided

    position: absolute;
    z-index: 999;


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    • This reply was modified 1 year, 9 months ago by  SoZo.
    • This reply was modified 1 year, 9 months ago by  SoZo.
    #2530

    kellyedwards78
    Participant

    Sorry – I didn’t see the links originally. Worked perfectly! Thank you so much -  I am VERY grateful!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.