Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

Re: Footer - Newsletter Section Color Change

Solved

Footer - Newsletter Section Color Change

chumani
Explorer
57 2 16

Hi all, 

I'm about changing my whole shop color from #eeece5 to #fafcfc. I was able to change the color settings easy but only for one section I don't know how to change: The newsletter section it's still in my old color... I guess because this part is customized. Attached you'll find a screenshot, because I didn't publish it yet (of course). My page is www.chumani-jewels.com. I appreciate any help, thank you so much!

 

screenshot.png

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
8791 2104 2578

This is an accepted solution.

Hi @chumani 

Try this one if it work seems like the newsletter is an app. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

form.needsclick.klaviyo-form.klaviyo-form-version-cid_1, .needsclick:not(button.needsclick.go4035149975), span.ql-font-dm-sans  {
    background: #fafcfc !important;
}

 

And Save. 

Result:

Made4uoRibe_0-1718643800998.png

if its not working I advice to contact the app provider. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 5 (5)

PageFly-Henry
Shopify Partner
1184 335 290

Hi @chumani 

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.css

Step 3: Paste the below code at bottom of the file -> Save

 

footer.site-footer.critical-hidden {

    background: #fafcfc !important;

}

 

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.

chumani
Explorer
57 2 16

Thank you so much for your quick help @PageFly-Henry . I tried your solution but it didn't solve my problem 😞 Do you have another idea?

Thank you so much and best regards

Made4uo-Ribe
Shopify Partner
8791 2104 2578

This is an accepted solution.

Hi @chumani 

Try this one if it work seems like the newsletter is an app. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

form.needsclick.klaviyo-form.klaviyo-form-version-cid_1, .needsclick:not(button.needsclick.go4035149975), span.ql-font-dm-sans  {
    background: #fafcfc !important;
}

 

And Save. 

Result:

Made4uoRibe_0-1718643800998.png

if its not working I advice to contact the app provider. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
chumani
Explorer
57 2 16

Hi @Made4uo-Ribe , thank you so much for your solution. The code didnt work but your tip with my app provider was my resque, as its embedded I could change it in klaviyo app. Thank you very much for your help!

Made4uo-Ribe
Shopify Partner
8791 2104 2578

Welcome, mostly the code from the local editor wont work on the app. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.