Hi there,
I like to have more space left and right of the text I use in a full screen slider.
The line is too long. How can I change this?
Regards,
David
Hey David,
You are using a boxed layout that’s why there’s spaces left and right, to make it fullwidth, try adding this css code in Quick CSS (located in Enfold > General Styling):
.responsive #top.boxed.page-id-10520 {
max-width: 100%;
}
Let us know if this helps :)
Best regards,
Nikko
Hi Nikko,
It’s not the page I want narrowed down, but the sub text below the header. Possible?
Regards,
David
Hi,
Please go to Enfold theme options > Layout Builder and check “Show element options for developers” and then edit your element and give it a custom CSS class (“my-custom-class” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab
.my-custom-class .avia-caption-content {
max-width: 600px;
margin: auto;
}
Best regards,
Yigit
I think I do something wrong. Can you look into my account?
Regards,
David
Hi!
Please replace the content of your style.css file with this one – https://pastebin.com/jXeGFivx
You had one media query which is not closed. Also, you have added CSS code into custom CSS field. Only class should go there, in your case “my-custom-class”.
After replacing content of your style.css file, please make sure to purge cache.
Regards,
Yigit
Thanks Yigit. Works fine now!
Regards,
David