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
Hey 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,
Nikko
Thanks, 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
Hi 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,
Nikko
Again – thanks a lot, Nikko :-)
It works wonderfully !!
Please close.
Best regards,
OKEIwebbureau
Hi OKEIwebbureau,
Glad that we are able to help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko