-
AuthorPosts
-
January 20, 2019 at 10:05 pm #1056339
Hi Support,
I would like the container / textbox on the frontpage of WPSupport to float in the top left corner with top+left margin 80px.
How can I do that?
Thanks :-)
/OKEIwebbureau
January 21, 2019 at 7:48 am #1056468Hey OKEIwebbureau,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
#top.page-id-157 #av_section_1 .container { max-width: 100%; padding: 0 20px; } #top.page-id-157 #av_section_1 .container .content.av-content-full { vertical-align: top; padding-top: 20px; }Best regards,
NikkoJanuary 21, 2019 at 10:12 am #1056505Thanks, Nikko – that worked fine :-)
Would it also be possible to change the background of “Special Heading” to be white and have 30px padding all around the text – and still have the container in the top, left corner with 20px margin?
Again thanks :-)
/OKEIwebbureau
January 21, 2019 at 12:51 pm #1056584Hi OKEIwebbureau,
Go to Enfold > Layout Builder > check Show element options for developers then save.
Then edit the page and the special heading, you should be able to see Custom Css Class add this in the field my-heading and save.
Go to Enfold > General Styling Quick CSS then add this css code:##top .my-heading .av-special-heading-tag { background-color: white; display: inline-block; padding: 30px; }if that doesn’t work, use this instead:
##top .my-heading .av-special-heading-tag { background-color: white !important; display: inline-block !important; padding: 30px !important; }Best regards,
NikkoJanuary 21, 2019 at 4:26 pm #1056758Again – thanks a lot, Nikko :-)
It works wonderfully !!
Please close.
Best regards,
OKEIwebbureauJanuary 21, 2019 at 5:02 pm #1056795Hi OKEIwebbureau,
Glad that we are able to help :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Floating container / textbox’ is closed to new replies.
