I am trying to change the background color in a Grid but I only see the ability to change the color of the whole grid instead of setting different frames to different colors. I know this has to one possible but I just can’t seem to find it.
I would like half the Section-7 area to be a grey color and the other half white. I found this page https://university.webflow.com/article/grid-areas but doesn’t mention changing BG-color of single frame.
It also says this:
You can name grid template areas so that you can easily identify them in a grid and reuse them elsewhere in your project. It’s especially helpful to use names that specify the function of the area (eg. footer) or the type of content it should contain (eg. main image).
You can name an area on the canvas by clicking the area label while you’re editing the grid or in the grid settings in the Style panel.
I do not see this when I hover over the Grid when Editing. I only have two frames in the grid. I tried to use Flexbox but it was to much fussing to get what I wanted. With Grid it worked perfectly.
Here is my site Read-Only-Link: https://preview.webflow.com/preview/johns-beautiful-project-c2638e?utm_medium=preview_link&utm_source=designer&utm_content=johns-beautiful-project-c2638e&preview=e5d6b5809023434bcf41c89e9ccaf684&mode=preview