Solved

How to change the white background color of this specific page for a black background ?

Sauron6263
Excursionist
39 0 5

hello, i have trouble to  change the white background color of this specific page for a black background : https://mobilegear.fr/pages/questions-frequentes

I don't wanna change for a black background for all of the pages on my website but just for this specific page.

Also i would like to change the color of the h1 title "question fréquentes" for white to be visible ? thx you !

Capture d'écran 2024-03-26 142743.png

Accepted Solution (1)
techlyser_web
Shopify Partner
1502 278 298

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .section-template--21244025897309__main-padding {
       background: unset !important;
 }
 #shopify-section-template--21244025897309__main h1 {
      color: #fff !important;
 }
 .faq-wrapper article p {
     color: #fff !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 3 (3)

techlyser_web
Shopify Partner
1502 278 298

Hello @Sauron6263 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
{% if page contains 'questions-frequentes' %}
<style>
  section#shopify-section-template--21244025897309__main {
      background: #000 !important;
  }
  .section-template--21244025897309__main-padding {
     background: #fff !important;
  }
</style>
{% endif %}

techlyser_web_0-1711456795293.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Sauron6263
Excursionist
39 0 5

hello, thx you that was the idea, but i was looking to put the page completeley black (where i put the red line also)

Capture d'écran 2024-03-26 144654.png

techlyser_web
Shopify Partner
1502 278 298

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .section-template--21244025897309__main-padding {
       background: unset !important;
 }
 #shopify-section-template--21244025897309__main h1 {
      color: #fff !important;
 }
 .faq-wrapper article p {
     color: #fff !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com