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

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 :slightly_smiling_face:

URL: https://leediastore.com/

password: yaurow

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

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

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.