How to Remove the priced "From $xx" on a product block?

Site URL: https://www.elkmeadowshops.com/shop-hops/p/mackinac

My products are priced by volume, and the smallest volume price seems to auto populate on this product block (which is very confusing and deceptive to customers).  It does change as they select product options, but many customers don't seem to go that far and they are feeling deceived by the low price that displays automatically.   How do I remove this automatic price display?  Or at least have it display WITH the volume (in this case '$5 per oz')?...  Does anyone know this edit?  Thanks for any advice!

Hi. Have you found the solution yet?

I have not found a solution, do you know of one?

Add to Design > Custom CSS

.product-price {
    visibility: hidden;
}
span.sqs-money-native {
    visibility: visible;
    margin-left: -30px;
}

On 3/12/2021 at 4:49 AM, tuanphan said:

.product-price { visibility: hidden; } span.sqs-money-native { visibility: visible; margin-left: -30px; }

Thank you for the advice - it looks like this code removed the 'from' text, but not the price...  can the price be removed as well?

Nevermind! I changed the code to:

On 3/16/2021 at 12:47 AM, LaurenAich said:

Nevermind! I changed the code to:

.product-price { visibility: hidden; } span.sqs-money-native { visibility: hidden; margin-left: -30px; }

now its completely gone, including the price, thanks again for your help!  I really appreciate it!

Hi. On mobile, do you want to align left Instagram & remove space under Elk...text?