Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1327786

    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

    #1327873

    Hi Damien,

    You can use a 1/1 element for that.

    Best regards,
    Rikard

    #1328409

    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

    #1328446

    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

    #1328480

    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

    #1328589

    Hi,

    Great, I’m glad that you managed to find a solution. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.