Footer widgets content styling

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #12690
    Bullaccbullacc
    Member

    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.

    #12691
    Bullaccbullacc
    Member
    This reply has been marked as private.
    #12710
    VeenaVeena
    Moderator

    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;
    }
    
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Appdev Theme Support’ is closed to new topics and replies.