Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 9, 2020 at 7:48 am #1265929
    evanh_

    I’m trying to figure out how to do an overlay of two elements using the Enfold Theme. I can’t for the life of me get it figured out. The Padding on the images and text boxes are too big, and can’t get it figured out. This is a different CMS, all together, but something like this would be ideal: https://www.parkviewchurch.com/leadership

    I just can’t figure out the layering and the negative margin that is being created…

    Any help would be great.

    December 9, 2020 at 6:24 pm #1266048
    Victoria

    Hey evanh_,

    Please have a look at the following thread:
    https://kriesi.at/support/topic/side-wise-column-overlapping/

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 4, 2021 at 6:59 am #1270108
    evanh_

    Hey @ Victoria, this worked great for everything where the image is on the left. There seems to be a “Z” issue when the image is on the right.. IE the text box goes under the image if that makes sense. This is the coding I’m using: 

    .left_img img { 
position: relative; 
right: -105px;
top: -25px;
 }

.right_img img { 
position: relative; 
left: -105px;
top: -25px;
 }

    Again the left one looks perfect, the right one the textbox goes under the image. Any quick tips on how to fix that? Thank you in advance!

    January 4, 2021 at 3:04 pm #1270168
    Yigit

    Hi,

    Thanks for contacting us!

    Could you please share a link of your page so we can see the issue and make sure to provide an accurate solution? :)

    Best regards,
    Yigit

    January 4, 2021 at 6:05 pm #1270216
    evanh_
    This reply has been marked as private.
    January 4, 2021 at 6:25 pm #1270219
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    div .flex_column.ministries_left_txt {
    z-index: 2;
}

    The last section is missing “ministries_left_txt” custom CSS class so the change is not applied to it :)

    Best regards,
    Yigit

    January 4, 2021 at 6:30 pm #1270221
    evanh_

    Seems to be working great! Thank you Yigit!!

    January 4, 2021 at 7:24 pm #1270231
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘CSS Help’ is closed to new replies.