Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 27, 2018 at 12:48 am #1026966
    tahern

    I found another thread in regard to getting an image to overlay a color section, and I added a custom class which worked but I can’t for the life of me get the thing to center. I’ve spend days. Hoping you can help me out.

    October 27, 2018 at 7:59 pm #1027181
    Mike

    Hey Teresa,
    Please try this code in the General Styling > Quick CSS field:

    #top.page-id-852 #av_section_3 .avia_textblock  p {
    display: flex !important; 
    justify-content: center !important; 
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    October 30, 2018 at 2:59 am #1027809
    tahern

    Hi Mike,
    Thanks for the reply, but that didn’t work :( It is still hanging left. Any other ideas? The css I used to get it to overlap is below…now if I could just force it to center.

    .overlap {
    position: relative;
    bottom: -40px;
    }

    Teresa

    • This reply was modified 6 years ago by tahern.
    October 30, 2018 at 4:20 am #1027834
    Mike

    Hi,
    I took another look at it and it seems centered, unfortunately my screenshot won’t add the ruler at the same time, Please see the screenshot in Private Content area.
    Please try clearing your browser cache.

    Best regards,
    Mike

    November 1, 2018 at 11:19 pm #1028962
    tahern

    Thank you Mike, I got it sorted out. :)

    November 2, 2018 at 3:06 am #1028982
    Mike

    Hi,
    Glad to hear, thanks for using Enfold.
    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Image Overlay Color Section Won't Center’ is closed to new replies.