Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 7, 2016 at 5:13 pm #561375
    simonac

    Hi folks,

    i have a problem placing one image over another. I tried using z-index, but nothing is taking effect.

    .s3 { margin-right: -350px!important; z-index: 1!important; }

    …Frontpage, second color section. The text box should flow over the image like in the image-collage in the first colorsection.

    Thanks Simon

    January 7, 2016 at 5:47 pm #561389
    Yigit

    Hey simonac!

    Even after logging in, i am seeing a landing page. Can you please switch user role to administrator?

    Best regards,
    Yigit

    January 8, 2016 at 5:49 pm #562127
    simonac

    So the blue image box sould overlap the image of the woman

    like you see in the link(collage)

    January 8, 2016 at 6:04 pm #562131
    Yigit

    Hey!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your image element on the left and give it a custom class (‘your-custom-class’ in example) and then edit the column element your image on the left is in and give it a custom CSS as well (‘your-custom-column’ in example) and then add following code to Quick CSS 

    .your-custom-class { 
    position: relative;
    left: 90px;
}
.your-custom-column { 
z-index: 5; 
}

    Regards,
    Yigit

    January 8, 2016 at 6:29 pm #562149
    simonac

    The graphic is still behind the image. It should be the other way.

    January 8, 2016 at 6:31 pm #562152
    Yigit

    Hi!

    Seems like you forgot to edit your column and to give it a custom class. You can try adjusting 5 to 6 in the code i posted above after giving left column a custom class

    Best regards,
    Yigit

    January 8, 2016 at 6:44 pm #562161
    simonac

    Now i edited the correct column but still not the way it should. I also tried 6 instead of 5.

    Regards, Simon

    January 8, 2016 at 7:07 pm #562170
    simonac

    I had to give the right column a custom id and put this into quick css as well

    .column2 { 
z-index: 0!important; 
}
    January 9, 2016 at 9:00 am #562374
    Rikard

    Hi,

    It looks like you got it looking the way you want? Please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.