Hello,
I’d like to create a color section that is not full width. Similar to this:
https://careers.tuigroup.com/our-dna
Current color section spreads full width.
How do I get this to work please?
Thanks,
Damien
Hmm, I can’t seem to get the text to align right/left and work responsively.
I also have sections in other parts of the site with multiple columns that I’d like to put in a box with a background image eg. https://staging.ocean-holidays.co.uk/partnerships-option-2/
Any ideas greatly received!
Thanks,
Damien
Hi Damien,
I’m not sure I understand what you are looking to achieve, could you try to explain your intentions a bit further please? If you have screenshots highlighting what you are looking to create, then please share them with us.
Best regards,
Rikard
Hey,
Ok so I’ve worked out a solution by putting a grid inside a color section and adding the following css:
.av-layout-grid-container {
max-width: 1050px !important;
margin: 0 auto !important;
border: none !important;
}
In the example below the bottom section is full width. I applied my solution to the section above so it’s not full width, and I can apply a background color.
Thanks,
Damien