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.

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

Comments

  •  2
    gab0ng started the conversation

    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?

  •  6,933
    Oliver replied

    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

    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!

  •  6,933
    Oliver replied

    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

    Hi,

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

  •  6,933
    Oliver replied

    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