Woocommerce Shop Page - Ethos Stack

Hi, I’m using woocommerce on ethos stack, to make it nicer, i would like to ask some question:

  1. Search Product widget seems not display properly, how to fix this? The search icon shown not in the center, and I want to put away the “search button” below the search field.

  2. On each product thumbnail, i notice the price color refer to body text on customizer, i don’t want to refer to global body text, but make it pure white instead.

  3. Still on each product thumbnail, the button appears to be “Select Options” with checklist icon, i want to make it become “Add to basket” with cart icon.

The page that i refer and admin access i share in secure notes.
Thank you.

Best,
Rendy

Hello @rendisis,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

form.woocommerce-product-search button {
    display: none;
}

Please add following CSS under X > Theme Options > CSS:

span.woocommerce-Price-amount.amount {
    color: #fff !important;
}

It will require some custom development work which falls outside the scope of support we can offer. However, you can take a look at following thread on Stackexchange to get started.

Thanks.

Hi, I think your explanation solve enough for me. It works great!
Thank you!

You’re welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.