Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 4, 2018 at 3:17 pm #1040742
    williamslyd

    I tried to follow this post and I can get the image to overlap over the text column. But how to I get the opposite — the text column to overlap the image column?
    https://kriesi.at/support/topic/side-wise-column-overlapping/

    December 4, 2018 at 8:01 pm #1040896
    Nikko

    Hey williamslyd,

    Apply it to the text column, add the class then in your css code use:

    .your-custom-class img { 
    position: relative; 
    left: -15px; 
    z-index: 10;
}

    Hope it helps.

    Best regards,
    Nikko

    December 4, 2018 at 8:11 pm #1040905
    williamslyd

    How do I apply to code just to the text column? I only see a place to give the entire color section a class. When I apply what you sent to the entire color section, it is the image that overlaps on top of the text, but I want text overlapping the image.

    Thanks!

    December 4, 2018 at 8:53 pm #1040943
    Nikko

    Hi williamslyd,

    Try adding this css code in Quick CSS, located in Enfold > General Styling:

    #overlapping-content .av_one_half.avia-builder-el-7 {
    position: relative;
    z-index: 10;
}

    Best regards,
    Nikko

    December 4, 2018 at 9:10 pm #1040948
    williamslyd

    Thanks for this, but it is only affecting the images, they are still on top of text. I want all three of the black text box on top of the images they are next two (some text boxes will be to the left of the image and some are to the right).

    Thanks again for your help.

    December 5, 2018 at 2:02 am #1041037
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-builder-el-23{
z-index:10!important;
}

    I hope I’m understanding your need.

    Best regards,
    Jordan Shannon

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