Change the font family of the Search widget and button hover color.

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #6623
    Anonymous
    Inactive

    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!

    #6624
    ProDesigns
    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;
    }
    #6625
    Anonymous
    Inactive

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

    firstgenfinance.com

    #6626
    ProDesigns
    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.