How can I change the site background to a gradient pattern without altering grid color?

[EGM1]

Hello, how can I change the background without to change the color of the those grids? 

 

I used the code below to change the background of the site or section but it also changes the background of the grid/multirow. I have used code to set the background of the multirow on white and it is just ignoring it. 

Multirow background color:

.image-with-text__text-item.grid__item {
background: white !important;
}

Background gradient code:

.gradient {
background: var(--gradient-background);
background-attachment: fixed;
background-image: url(https://cdn.shopify.com/s/files/1/0769/7226/1715/files/pattern-png-30769.png) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: auto !important;
}

Any ideas how to fix this? 

website: https://egeneralmarket.com/

[PageFly-Henry]

Hi @EGM1 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.multirow__inner.page-width>div:nth-child(1) .image-with-text__text-item.grid__item { background: red !important }

.multirow__inner.page-width>div:nth-child(2) .image-with-text__text-item.grid__item { background: blue !important }

.multirow__inner.page-width>div:nth-child(3) .image-with-text__text-item.grid__item { background: pink !important }

Hope that my solution works for you.

Best regards,

Henry | PageFly

[EGM1]

Thank you but it is still not working. After I change the background of the section the multirow backgrounds changes as well