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!

11

Hello, I’m sorry, I tried your solution but didn’t work with the background of my jetpack’s subscription form in the footer; I would like it to be this colour#0f0f12 instead of this ugly purple !
this is my website : www.mademoizellefiona.fr

If someone can find the solution and give me a hand, it will be appreciated because I went mad to find a solution !
Thank you so much !