Home Support Blog Way Change the font family of the Search widget and button hover color.

This topic contains 3 replies, has 3 voices, and was last updated by  Promenade Themes 4 months, 4 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #387

    gerrym7
    Participant

    How do I change the font family of the search widget to Ubuntu and how do I make the hover color of the button gold (#ad7506)?
    Site url: orwellsquare.com
    Thanks!

    #390

    Promenade Themes
    Keymaster

    Hi @gerrym7,

    You can use following css to change font and color of search button.

    .widget_search form input[type="submit"],
    input[type="search"]{
    	font-family: Ubuntu;
    }
    
    input[type="submit"]:hover{
    	background: #ad7506;
    	border: 1px solid #ad7506;
    	color: #fff;
    }
    #1708

    msdorsette
    Participant

    ow can I edit this to make the same changes to the “Subscribe” box?

    firstgenfinance.com

    #1709

    Promenade Themes
    Keymaster

    Hi @msdorsette,

    You can use following code to change style of search and subscribe forms.

    Please go to Appearance >> Customize >> Additional CSS and add following CSS there.

    .jetpack_subscription_widget form input[type="submit"],
    .jetpack_subscription_widget form input[type="email"],
    .widget_search form input[type="submit"],
    input[type="search"]{
    	font-family: Ubuntu;
    }
    
    input[type="submit"]:hover{
    	background: #ad7506;
    	border: 1px solid #ad7506;
    	color: #fff;
    }

    Hope it will help you.

    Thank you.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.