-
AuthorPosts
-
July 26, 2017 at 3:19 am #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.jpgSo 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.
July 27, 2017 at 10:07 am #830547Hey 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,
YigitJuly 27, 2017 at 10:37 am #830568I 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.
July 27, 2017 at 1:05 pm #830620Hi,
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,
SarahJuly 27, 2017 at 1:25 pm #830630Yes, please close the thread. :)
Thanks.July 27, 2017 at 3:19 pm #830687Hi,
Thanks for using Enfold :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘Side-wise column overlapping’ is closed to new replies.