Archived topic
Sider second widget in header color change
6 replies · Started by Gabriel on March 31, 2021
Hi i wanna change color this widget in header in Sider theme.

Hi Gabriel,
Try editing this block of CSS in the Additional CSS field in the customizer and see if that works for you:
a.button,
a.button:visited,
button,
input[type="submit"] {
border-width: 1px;
border-style: solid;
border-color: inherit;
}
Let me know if this helps :)
Hi Gabriel,
You can change the colors for:
subscribe button at: Customizing > Colors > Buttons.
newsletter title at: Customizing > Colors > Header.
your email address input at: Customizing > Colors > Forms.
Let me know how it works :)
I wanna change background of this widget
Then try this CSS:
.header-widget #mc4wp_form_widget-2 {
background-color: #515151;
}
Hmm not works
Hi there,
Try this:
.header-widget form.mc4wp-form {
background-color: black;
}
.header-widget form.mc4wp-form input[type="email"], .header-widget form.mc4wp-form input[type="submit"]{
background-color: red;
color: yellow;
}
//for placeholder text color of email form
.header-widget form.mc4wp-form input[type="email"]::placeholder{
color: blue;
}
You can split .header-widget form.mc4wp-form input[type="email"] and .header-widget form.mc4wp-form input[type="submit"] if you want them to have different colors.
Example:
.header-widget form.mc4wp-form input[type="email"]{
background-color: blue;
color: white;
}
.header-widget form.mc4wp-form input[type="submit"]{
background-color: pink;
color: white;
}