I’m creating a Email Subscription Preferences page and in design manager I have created the template by adding the module ‘Subscription Preferences’. When I have then created the landing page there is a green background. On the syle options of the landing page I have chosen the peach that you see as that is our brand colours but can’t seem to get rid of the green. I would want the green to be replaced with the peach. Any help would be much appreciated.
Hey @Hannahrodriguez thank you for posting in our Community!
I want to share this knowledge base with more information about changing the background color of a particular marketing email .
And invite our top experts @Jnix284 @jonlcrow @Anton any recommendations to @Hannahrodriguez matter?
Thank you,
Pam
@Hannahrodriguez were you able to get the color updated with @Anton’s instructions?
If not, please provide the live link to the subscription page and we can help further with getting the code updated.
Hi @Hannahrodriguez,
what theme do you use? Just asking because it may be important
Nontheless I’d assume that the green color comes either from some theme settings(theme-overwrite.css), is hard coded in the template(possible but haven’t seen this in my wholecareer) or it’s hardcoded in a css file like system.css. Hard to say without a preview link.
What you can do is: go to your HubSpot settings where you select the template (Website → Marketing → Emails → Subscriptions) and select “Edit page”. This will take you to the Template in the design-manager/design-tools. If you shouldn’t see your whole theme in the left sidebar right-click on the tab and select “reveal in finder”
Once you’re in your theme look for the theme.css(or theme-overwrite.css) in your CSS folder and put the following code at the very bottom:
form#email-prefs-form .content{
background-color:#ffffff {# replace the hex code with the desired color #}
}
if this shouldn’t work for some reason you can try the “sledgehammer” method by adding “!important”.
form#email-prefs-form .content{
background-color:#ffffff !important {# replace the hex code with the desired color #}
}
best,
Anton