[Support request] Can’t overwrite css code

[Allan]

I have found that there is a piece of code in the generatepress that I can’t seem to overwrite Pleas help. End goal is to have the footer element for the below screensize the same as desktop and mobile.

@media (min-width:600px) and (max-width:781px) {
.wp-block-column:not(:only-child) {
flex-basis:calc(50% – 1em)!important;
flex-grow:0
}
.wp-block-column:nth-child(2n) {
margin-left:2em
}
}

website is http://www.seedhaus.com.au/

[Leo]

Hi Allan,

The best solution would be to use the Grid block from GB:
https://docs.generateblocks.com/article/grid-overview/

Then you can have complete control for the columns without writing any code:
https://docs.generateblocks.com/article/container-overview/#layout-%E2%80%93-grid-item

Let me know if this helps 🙂

[Author]

Posts