Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #1238606

    Hi there,

    I am trying to achieve something similar to this: and what was achieved in this thread:

    When I try to make this adjustment, the text is on top and overlapping the image, however, the white background of column 2 does not appear.

    Can someone please help me achieve this? I want to add another grid row below this one, and achieve the same thing but have the image on the left, text on right.

    All in all, I would like to have an image in the background, with the text column overlay the image with a background color.

    The grid rows in question are in the Welcome page and labeled GridOverlay1 and GridOverlay2:


    So far I have used this:

    .overlapping-columns1 {
    position: relative !important;
    left: -150px !important;

    And have the text overlapping the image, however, the background is so large behind the text. I would like it to look like this example (without paralex as I’m assuming that is not possible: How do I make the background of the second column smaller and centered within the photo?

    • This reply was modified 3 years, 3 months ago by kelsycolbeth.

    Hi kelsycolbeth, Are you referring to this one? How do you need to adjust it?

    2. No, it’s not possible with Enfold out of the box.

    Best regards,

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