Archived topic
Grid CSS Question
3 replies · Started by Tom on February 9, 2023
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.
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.
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 :)
Copy-paste will work if nothing else! Thanks for pointing out that link!
No problem :)