Change Search menu font and add button hover/click color to entire site

[LEEDIA]

Hi, I would like to change the search menu font to my secondary font since it's currently using the all-caps bold font as seen in the "Browse our latest products" section, which is not as legible. 

I would also like to add a yellow-orange color of the "Shop" button when hovered over and clicked and would like that to be applied accross the entire site, such as the "check out" button when viewing Cart. I appreciate any help 🙂

URL: https://leediastore.com/

password: yaurow

[David_SHT · Accepted solution]

Hi @LEEDIA 

This is David at SalesHunterThemes.

Thank you for your question. 

To change the Search font 

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.header__search .predictive-search__item--term,
.header__search .predictive-search__item-heading,
.header__search .predictive-search__heading {
    font-family: 'Futura'!important;
}
.header__search .predictive-search__item-heading {
    text-transform: initial;
    line-height: 1.5;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[David_SHT]

Hi @LEEDIA 
To change the button style when hover,

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

button.button:hover {
    background: rgb(249,57,25)!important;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[LEEDIA]

Thank you! These both worked, except for the color change on the buttons, they all changed except for the "SHOP" Button on the home page.