Site logo

Archived topic

Sider second widget in header color change

6 replies · Started by Gabriel on March 31, 2021

Viewing posts 1–7 of 7

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;
}
This archived topic is closed to new replies.