[Resolved] Grid CSS Question

[Tom]

Hi,

I am trying to style the containers inside a grid as simply as possible. I am thinking there has to be a quicker way.

https://imgur.com/gnJBjia

I can successfully apply the style to the WHOLE grid element – but that is not what I am wanting to do.
This style worked with the grid as a whole – but not the indivudual containers within the grid:

.border-test  {
    background-color: var(--base);
    border-right-style: solid;
    border-right-width: 4px;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-color: #fff;
}

I can find any documentation to help. Do I have to apply the style to EVERY container? Or is there a way to trigger it once from the grid level?
Any thoughts are appreciated.

[Leo]

Hi there,

There isn’t a way to apply a specific style to the containers inside a grid from the grid level.

I believe what you can do is configure the first container underneath the grid and then duplicate the container a few times to complete the entire table.

GB pro’s copy paste style and global style might help with this as well:
https://docs.generateblocks.com/article/copy-paste-styles/
https://docs.generateblocks.com/article/global-styles/

Let me know if this helps 🙂

[Tom]

Copy-paste will work if nothing else! Thanks for pointing out that link!

[Leo]

No problem 🙂

[Author]

Posts