How can I change the color of a product grid in Broadcast theme?

Solved

How can I change the color of a product grid in Broadcast theme?

Matthew-
Tourist
6 1 0

Hi Everyone, 

 

I am attempting to change the color of a product grid on my homepage for the Broadcast theme. 

 

I was told to try adding this to my assets - theme.css 

 

#ProductGridContainer {
background: #fffbb5;
}

 

This isn't working for me any ideas? 

 

Matthew_0-1665115431711.png

 

The backgrounds are white for each individual product in the grid and i am attempting to match them to my homepage background color

 

 

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3101

This is an accepted solution.

Hi @Matthew- .

 

This is PageFly - Advanced Page Builder.

 

You can go to Online store => themes => actions => edit code  and add this code on file theme.css

 

.product-grid.product-item{

   background: #fffbb5 !imporant;

}

 

Hope this answer helps.

Best Regards,

PageFly

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
9853 1226 1566

@Matthew- can you please share homepage link?

To build shopify pages use pagefly | Contact me - [email protected] , My timezone is GMT+5:30. | Support me

LitExtension
Shopify Partner
4860 1002 1159

Hi @Matthew-,

Go to Assets > theme.css and paste this at the bottom of the file:

.index-tab-collections {
      background: #fffbb5 !important;
}

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

Cedcommerce
Shopify Partner
718 76 113

Hello @Matthew-

 

First, check if there is any issue with the product image,  maybe the product image has a white background. 

 

If not, you can try adding this below-provided code.

 

.product-grid .product-item{

   background: #fffbb5;

}

 

In case the issue still exists then share your website URL and we will check the issue for you and provide the exact solution.

 

Regards, 

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- [email protected]
- Whatsapp:- Join Here

PageFly-Victor
Shopify Partner
7865 1785 3101

This is an accepted solution.

Hi @Matthew- .

 

This is PageFly - Advanced Page Builder.

 

You can go to Online store => themes => actions => edit code  and add this code on file theme.css

 

.product-grid.product-item{

   background: #fffbb5 !imporant;

}

 

Hope this answer helps.

Best Regards,

PageFly

Aaronmorgan219
Visitor
1 0 0

I am having a similar issue. I have not been able to get it to work. Please help.