Works a treat! Thanks a lot for your help.

Ps. The previous code hadn’t been applied because of an unclosed code block further up in my stylesheet. Mystery solved.

Fixed, thank you!

The code changed the max-width of the whole page to 800px wide. Is it possible to apply the max-width only to one color section?

Thank you so much for your help! The grid row element is doing exactly what I want.

Why the CSS code didn’t work for me is still a mystery. I use ‘Classic Cache Killer’ for Google Chrome and it’s been ‘on’. I have triple-checked whether the stylesheet is being updated, which it is.

You mentioned the grid-row element doesn’t offer a background image. I am using images for the subpages and was hoping to create a similar layout: Intro text on the left, image on the right – both columns together being full width. I would be keen to hear what element you would recommend to use?

Thanks, guys.

I have made this change, but unfortunately, it still isn’t working. It appears the section is full width, but the flex column table within the color section isn’t full width. Currently, there’s a gap on the left and on the right-hand side.

I have tried:
#fullwidthsection .container {
width: 100% !important;
max-width: 100% !important;
}

.page-id-734 #fullwidthsection .container {
width: 100% !important;
max-width: 100% !important;
}

Can you please take another look at it and let me know what I need to change?

Thanks
Isabel

Hi Mike
Thanks for your quick response. This is my new code:

#top #case-study-grid .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
background: none!important;
}
It still isn’t working :( No idea what’s wrong.
I hope you can help.
Thanks
Isabel

No worries, will do. Thanks Jordan.

Hi Rikard

That’s great, thanks for your help. It’s working well for the hover state I’m after. The only other request is, that the active menu item also changes color, when on the respective page (as follows):

– All menu items are grey by default.
– When hovering over ‘What we do’ it changes to green, when I click it, the ‘What we do’ page opens and ‘What we do’ in the navigation is green (the other items are still grey).
– When hovering over ‘Who we are’ it changes to blue, when I click it, the ‘Who we are’ page opens and ‘Who we are’ in the navigation is blue (the other items are still grey).
– When hovering over ‘Get in touch’ it changes to pink, when I click it, the ‘Get in touch’ page opens and ‘Get in touch’ in the navigation is pink (the other items are still grey).

Thanks in advance
Isabel

Here’s the link