Solved

change page color background (dawn theme)

10xfuel
Pathfinder
127 0 12

Hi! How can I change the color of the background of the page https://www.10xfuel.com/pages/about from white to #eeff41? Thx!

10xfuel_0-1706168565697.png

 

 

Accepted Solutions (2)

Moeed
Shopify Partner
3531 889 1105

This is an accepted solution.

Hey @10xfuel 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if page.handle == "about" %}
<style>
main#MainContent {
    background: #eeff41 !important;
}
</style>
{% endif %}

RESULT:

Moeed_0-1706168734027.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

View solution in original post

PageFly-Oliver
Globetrotter
681 132 125

This is an accepted solution.

Hi @10xfuel ,

 

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 the below code at the bottom of the file -> Save

 

<style>
#shopify-section-template--15940952031370__main {
    background: #eeff41 !important;
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

{% if page.handle == "about" %}

<phong cách>

main#MainContent {

nền: #eeff41 !quan trọng;

}

</style>

{% endif %}

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 2 (2)

Moeed
Shopify Partner
3531 889 1105

This is an accepted solution.

Hey @10xfuel 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if page.handle == "about" %}
<style>
main#MainContent {
    background: #eeff41 !important;
}
</style>
{% endif %}

RESULT:

Moeed_0-1706168734027.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

PageFly-Oliver
Globetrotter
681 132 125

This is an accepted solution.

Hi @10xfuel ,

 

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 the below code at the bottom of the file -> Save

 

<style>
#shopify-section-template--15940952031370__main {
    background: #eeff41 !important;
}
</style>

 

 

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

{% if page.handle == "about" %}

<phong cách>

main#MainContent {

nền: #eeff41 !quan trọng;

}

</style>

{% endif %}

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.