Edit the colours of the Jetpack blog subscriptions widget

Shapely
#1

Hello,

I would like a CSS code to edit the colouring of my jetpack blog subscriptions widget. I’d like to edit the purple background colour (transparent preferably), the text colour and the subscribe button colour.
I have attached an image of the widget that is on my website footer.

Thanks

#2

Hi there

Hope you are having a good day and thank you for your question
Please provide link tot the page

Thanks!
Colorlib Support Team

#3

Hello,

Here’s the page link https://cascadiaflying.com

Thanks

#4

Hello there,

I hope you are doing well today.

Did you remove the widget? I am not seeing it.

Best Regards,
Support

#5

The widget is on the footer

#6

hey there

Please add this CSS in appearance - customize - additional CSS

.jetpack_subscription_widget #subscribe-submit input {
background: #fff !important;
color: #745cf9;
padding: 0;
border: 1px solid white !important;
}

Thanks!
Colorlib Support Team

#7

Hello,

That has changed the subscribe button colour which is great, but I would also like to change the purple background colour in the outside box and the colour of the text within that box

Thanks

#8

Hello there,

Please try this CSS:


.jetpack_subscription_widget form {

    background: red;
}

.jetpack_subscription_widget #subscribe-text p {
    color: black;

}

Best Regards,
Support

#9

Works nicely!

Thanks

#10

I will close this case now, Feel free to contact us again if you have other questions Thanks!