How to display product price in Prestige on desktop (not only on hover)

Store Design
1

Hi there,

In my prestige theme, all product price is only shown when i hover over that specific product, but i like to have the product prices displayed all the time just like on mobile, could anyone let me know what code i needed to edit?

I tried added this code to my theme.scss.liquid but nothing has changed,

.features–show-price-on-hover .ProductItem__PriceList–showOnHover {
opacity: 1 !important;
}

My website is www.tahliajewels.com

Looking for answers!

best

Tahlia

1 Like
2

@tahliajewels

Welcome to Shopify Community.

.ProductItem__PriceList.ProductItem__PriceList–showOnHover.Heading

you need to remove --showOnHover class. for the file
Let me know if you need any more help.

Thank you.

3

Hi,

Search below css in theme.scss.css file

@media (-moz-touch-enabled: 0), (hover: hover) {
.ProductItem__PriceList–showOnHover {

and change the opacity to 1

Thanks

Hit Like and Accept as Solution if this helps you.

4

Hi @Brando011

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

you find : theme → Edit > Search “theme.liquid”.

.ProductItem__PriceList.ProductItem__PriceList--showOnHover.Heading{ opacity:1 !important }

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly