How can I change the background color of my homepage?

intmotorsports · ‎02-15-2024

Hello, I would like to change the background color of my homepage to match the linear color of my footer, but I am not sure what to use as a selector for the CSS or how to do that.. Please help!

https://motolifestyle.net/

PageFly-Henry · ‎02-15-2024

Hi @intmotorsports

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 theme.liquid

Step 3: paste bellow code in tag </body> -> save.

background: content-box radial-gradient(darkred, black) !important;

}

</style>

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.

View solution in original post

Dan-From-Ryviu · ‎02-15-2024

Hi @intmotorsports

You can do that by adding this code to your theme.liquid file after <head> in Online Store > Themes > Edit code

<style>
.template-index {
background: content-box radial-gradient(darkred, black);
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

PageFly-Henry · ‎02-15-2024

Hi @intmotorsports

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 theme.liquid

Step 3: paste bellow code in tag </body> -> save.

background: content-box radial-gradient(darkred, black) !important;

}

</style>

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.

tim_wilfreds · ‎03-12-2024

Hi Henry

Im having a similar issue - the footer (at bottom of page).

The usual color selector is not letting me change the colour behind the footer menu. and I want to change that White behind the menu so im looking to edit the code. if you could help me in finding the file that has that CSS code

wilfreds.shop

Tim Fisher, from wilfreds.shop

How can I change the background color of my homepage?

How can I change the background color of my homepage?

Community Blog Articles