Solved

How can I change the background color of my homepage?

intmotorsports
Tourist
11 0 1

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/

Accepted Solution (1)

PageFly-Henry
Astronaut
1067 303 258

This is an accepted solution.

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.

PageFlyHenry_0-1708054623620.png

 



<style>
body.template-index.site-header-sticky {

    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

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7678 1493 1496

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>

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

PageFly-Henry
Astronaut
1067 303 258

This is an accepted solution.

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.

PageFlyHenry_0-1708054623620.png

 



<style>
body.template-index.site-header-sticky {

    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
Tourist
11 0 1

 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