Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 23, 2019 at 5:08 pm #1141060
    jonrouse

    Hello,
    I am creating a new website and I would like to have text columns overlapping the images.

    I have seen other threads on the forums, but they are quite difficult to follow. I have uploaded an image and attach the link in the private area.

    What’s the best way to set it up? Two columns in a grid row, or just two columns. I’m looking at a 2/3 and a 1/3 at the moment.

    Can you please help me? Thanks.

    • This topic was modified 5 years, 3 months ago by jonrouse.
    September 24, 2019 at 8:43 am #1141262
    Rikard

    Hey jonrouse,

    You might have to place a textblock to the right, then give that negative margins or place it in an absolute position. Could you post a link to where you want this implemented please? Otherwise it’s difficult to give you accurate CSS.

    Best regards,
    Rikard

    September 24, 2019 at 10:20 am #1141320
    jonrouse

    Hi Rikard,
    I did find something on another post which helped, but I want this to happen on the left and right. I want to add a media query to it as well, so it only happens on desktop and stacks on mobile.

    I’m going to be playing with it throughout the day, but would appreciate you input on this, as it could be one of the more complex things I’ve done in the ten or so Enfold sites I’ve built!

    Thanks very much.

    September 26, 2019 at 2:21 am #1142082
    Ismael

    Hi,

    Thank you for the update.

    but I want this to happen on the left and right

    What do you mean? That css code should do exactly what you want — pull/push the element sideways to the left or right.

    .your-custom-class img { position: relative; right: -15px; }

    Best regards,
    Ismael

    September 26, 2019 at 10:10 am #1142174
    jonrouse

    Thanks Ismael,

    What happens if it’s not an image? A slider for instance. Can I just have
    .your-custom-class { position: relative; right: -15px; }

    Sorry if my question seemed stupid, it’s just I wasn’t sure if an item is tied to a particular side, such as left, so code would be:
    .your-custom-class img { position: relative; left: +15px; }

    I personally wouldn’t design a site like this, so I’m just trying to get as close as I can to the visuals,

    Thanks again

    September 27, 2019 at 9:51 am #1142626
    Ismael

    Hey!

    Yes, you can do that. Just apply a custom css class name to the element and style it as you wish.

    // https://kriesi.at/documentation/enfold/add-custom-css/

    Thank you for the update.

    Regards,
    Ismael

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