Changing colors in footer widgets


#1

Dear support,

On my site footer, I would like to change the color of the two stripes under contact information, the ‘search’ text in the search bar and the border of the sidebar? I have tried inspecting the element and looked through the stylesheet, but can’t find the right way to adress these elements.

I hope you can help me out.

Kind regards,
Maarten Nieuwkamp


#2

Hi,

You can change contact information border with css below. Just set color value to your liking:

.footer-widget-area .widget-title {
    border-color: #ffcc00;
}

For search borders use following code:

.footer-widget-area input[type="search"] {
    border-color: #ffcc00;
}

For footer search placeholder text this is the css code:

.footer-widget-area ::-webkit-input-placeholder {
  color: #ffcc00;
}
.footer-widget-area ::-moz-placeholder {
  color: #ffcc00;
}
.footer-widget-area :-ms-input-placeholder {
  color: #ffcc00;
}
.footer-widget-area :-moz-placeholder {
  color: #ffcc00;
}

You can apply custom css code from Appearance > Customize > Additional CSS field.

Best Regards!