Product and information pages have white space that my background wont fill

I have set an image to my background 1 color but when on the product page or collection pages there will be certain areas covered by my background but the space around that will be white and unable to be changed, i would like it all to be my background image but cant figure out what could be causing it.

optcgmeta.com

pw: Edwards

Hi @jon55380 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

body.gradient {
    background: transparent !important;
}

I hope it would help you
Best regards,

Kate | PageFly

This code did take away the white space in between each product but there is still white surrounding everything for that block, ive left the code that you provided saved so that the website reflects the changes made

Hi @jon55380 ,

Sorry for my mistake here.
Can you paste that code on TOP of base.css file?

I hope it would help you
Best regards,

Kate | PageFly

I input the code on top of the base.css just as you showed in the screenshot, but my result is not the same as your screenshot and i still have the white around the products

i actually made an error copying the code, thanks for the help

1 Like

Hi @jon55380 ,

No problem. Glad to help you

Best regards,