How can I change the background color of a custom html section?

Store Design
1

Hi Community,

I have a Klaviyo embedded Newsletter sign-up form at the bottom of my website. It’s in a custom html section.

How can I change the background color of the section to the same color as the sign-up form. Everything I found doesn’t seem to work.

I have Prestige 2.0 Theme and the url is nexural.com

Thank you

2

Hi @SchubertNex

Please add the following code at the end of your theme.css file:

form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.kl-private-reset-css-Xuajs1 {
    background: transparent!important;
}

.needsclick.kl-private-reset-css-Xuajs1 {
    background: transparent!important;
}

/*Keep Button Yellow*/
button.needsclick.go332817621.kl-private-reset-css-Xuajs1 {
    background: rgba(241, 189, 59, 0.77)!important;
}

Let me know if that works! :wink:

1 Like
3

Hi,

I added the code to the theme.css and the background is still white but also the embedded sign-up form background is white now instead of the actual gray of the sign-up form.

It seems like a step closer but not there yet.