Tagged: heading background colour
Hey the background colour to my heading text is just covering 75% of screen. I want it to cover whole screen in single line. I am attaching the ss of my homepage for reference.
My previous talk with support is this – https://kriesi.at/support/topic/background-colour-for-special-heading-element/#post-1393890
Hi sarthakchoudhary,
Please try to add a Custom CSS Class to the Color Section, name it full-width-section and then add this CSS code in Enfold > General Styling > Quick CSS:
.full-width-section .container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
Hope this helps.
Best regards,
Nikko
Thank you for replying. The length of the yellow background increased but its still not covering the whole line. Attaching the sample ss below.
Hi,
Thanks for the update. Could you post a link to where we can see the actual element please?
Best regards,
Rikard
Yes sure.
Hi sarthakchoudhary,
Please replace the code I gave you with this one:
.full-width-section .container {
width: 100%;
max-width: 100% !important;
padding-left: 0;
padding-right: 0;
}
Best regards,
Nikko