New Shopify Certification now available: Liquid Storefronts for Theme Developers

Change background to gradient pattern

17 0 8

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( !important;
background-color: transparent !important;
background-position: top left !important;
background-size: auto !important;


Any ideas how to fix this? 


Replies 2 (2)
519 132 107

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>div:nth-child(1) .image-with-text__text-item.grid__item { background: red !important }>div:nth-child(2) .image-with-text__text-item.grid__item { background: blue !important }>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

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

17 0 8

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