Footer widgets content styling

[bullacc]

Hi

I have two styling questions I would like to ask.

1. In theme options, I have changed the footer font colour to white however the content of the “contact details” widget is still showing as grey. What styling code should be used to change this? Also, can the icons be changed to white for the footer section too?

2. The contact form in the footer area has grey field backgrounds, can these field backgrounds be changed to white? What styling code should be used to do this?

Thank you for your help.

[bullacc]

This reply has been marked as private.

[Veena]

You can use the following custom CSS in themeoptions –

#mo-contact-info-widget-2 {
color: #fff;
}
#footer .contact-form .text-input, #footer .contact-form textarea {
background: #fff;
border-color: #fff;
color: #cdcdcd;
}

For the icons its background image(url(‘images/icons/widget-sprite.png’) actually so we can’t change it using custom CSS, you need to change that in image itself –

.contact-info .street1, .contact-info .email, .contact-info .phone, .contact-info .fax {
background-image: url('images/icons/widget-sprite.png');
background-repeat: no-repeat;
}

[Author]

Posts