New Shopify Certification now available: Liquid Storefronts for Theme Developers

First Time User – Need Assistance With a Few Things

Solved
finderspickers
Tourist
5 0 7

I paused my Shopify account last year and recently re-opened the store. Essentially, I am starting over with my site and at the same I'm coming up to speed with Shopify's changes. I have a few questions for those who have time to take a look. I appreciate your input.

 

finderspickerspaper.com

Canopy Theme 2.11.16 (I have not updated to Shopify 2.0)

finderspickerspaper@gmail.com

 

I try to research and do most things myself but I get stumped sometimes. I hired a developer a few years ago to focus on the Speed Score (lazy loading, defer, etc.) but my score remains low (44 on Shopify, 65 Mobile and 83 Desktop on Page Speed Insights.) Not sure how accurate those sites are.

 

The developer also created (coded) a "brown" background for my products but I've since decided to take my photos on a white background. The old code for the brown background still exists and loads in the background when my product and collection photos loads. I can see the brown color load before the white background loads.

 

My two questions are...

 

1. Is the brown background lowering my speed score? I assume it is.

 

2. How can I remove the brown background code? I have searched and search for key words in the code but I'm not sure what I'm looking for exactly.

 

Please ignore the layout. I just started updating my site – no hero banner – placeholders, etc. And I have no traffic at this time.

 

Thank you!

 

 

Accepted Solution (1)
theycallmemakka
Shopify Partner
993 201 213

This is an accepted solution.

Hi @finderspickers ,

 

The brown background has nothing to do with the speed. This is just a single css property. You can remove this by adding bellow css code on styles.css file.

 

.product-block .image {
    background-color: #ffffff;
}

 

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".

View solution in original post

Reply 1 (1)
theycallmemakka
Shopify Partner
993 201 213

This is an accepted solution.

Hi @finderspickers ,

 

The brown background has nothing to do with the speed. This is just a single css property. You can remove this by adding bellow css code on styles.css file.

 

.product-block .image {
    background-color: #ffffff;
}

 

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".