Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #829890

    Hi,
    Thank you for this amazing theme. It’s brilliant and I absolutely love it. :)

    I’m trying to create some full-width sections using the grid row where the content of one column needs to overlap onto the adjacent one. Please check these links to see exactly what I’m hoping to achieve :
    1) http://i.imgur.com/Z457Fs0.jpg
    2) http://i.imgur.com/kWzKLVO.jpg

    So I added the image to column1 and the text box in column 2. But I cannot adjust the left and right margin of column 2 to make the text box overlap over the image.

    I’ve gone through a couple queries in the support forum, but those all address top and bottom margin, for which there is an option in the color section. So I’ll really appreciate if you can suggest me a solution for left and right margin. :)

    Thanks.

    Edit: Since it might not be clear from the image, I would like to add that the background white space and the image of the player are separate and not a single image which covers the entire element. If i cheat and use a single image which covers the entire width, I can make the text box ‘seem’ to overlap the image, but that would not be ideal, as it’ll look bad while resizing the window. Ideally, the image of the player will move up and the text box will move down on a smaller screen. Thanks.

    • This topic was modified 7 years, 4 months ago by Cyphr.
    #830547

    Hey Cyphr,

    Sorry for the late reply!

    Please go to Enfold theme options > Layout Builder and check “Show element options for developers”. That will enable custom CSS field for ALB elements as well so you can simply edit your element and give it a custom CSS class – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/blur.jpg and then add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Best regards,
    Yigit

    #830568

    I love you, brother!! The custom CSS field and the code snippet did the trick.

    Edit : http://i.imgur.com/u4Iy3sY.jpg

    Thanks so much! :)

    • This reply was modified 7 years, 4 months ago by Cyphr.
    #830620

    Hi,

    We’re happy that Yigit was able to help you! 

    Do you need further help with this topic, or can we close this thread? :)

    Best regards,
    Sarah

    #830630

    Yes, please close the thread. :)
    Thanks.

    #830687

    Hi,

    Thanks for using Enfold :)

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Side-wise column overlapping’ is closed to new replies.