All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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!
Solved! Go to the solution
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;
}
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;
}