Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #921199
Changing color on widget/footer
Closed

Comments

  •  2
    gab0ng started the conversation
    October 13, 2016 at 10:51pm

    I can't seem to figure out how to change the color of the text fields in the footer widget/contact form (see attached)!

    I've changed the colors under the theme options (see attached) and it doesn't seem to change the text fields! Very frustrating.

    ALSO the "to the top" arrow button on the top left. How do I change the bg color of that?

  •  7,120
    Oliver replied
    October 14, 2016 at 12:09pm

    HI!

    You can change footer input colors with next css:

    #colophon .widget.widget_search input, 
#colophon #mc4wp_email, 
#colophon .wpcf7-form-control-wrap input, 
#colophon .wpcf7-form-control-wrap textarea {
    background-color: #181828 !important;
    border: 1px solid #394050 !important;
}

/*button*/

#colophon .widget.widget_search .gem-button,
#colophon .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit 
{
    background-color: #5f727f !important;
}

    arrow color:

    .widget-title:after {
color: #f44336 !important;
}

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  2
    gab0ng replied
    October 14, 2016 at 10:20pm

    Hi,

    Great! 

    Would you happen to have the CSS for the button text color? hover background and text color?

    Also, what about the horizontal rules/dividers on the footer?

    Thank you!

  •  7,120
    Oliver replied
    October 17, 2016 at 11:46am

    HI!

    pls. share link to your site.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  2
    gab0ng replied
    October 19, 2016 at 9:40pm

    Hi,

    My site url is http://new.emerios.com/

  •  7,120
    Oliver replied
    October 20, 2016 at 10:56am

    HI!

    pls. use following css:

    #colophon .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit {
    background-color: #000;
    color: #fff;
}
#colophon .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit:hover {
    background-color: #000;
}

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver