Product prices disappear when selecting variants in athens theme

Retail & Point of Sale

Topic summary

A user encountered an issue where product prices disappeared when selecting variants on their Shopify store using the Athens theme. They had attempted multiple CSS solutions targeting Component-price.css, base.css, and section-main-product.css with opacity adjustments, but none resolved the problem.

Solution provided:

  • Add the following CSS code to the end of base.css file:
.price-container {
    opacity: 1 !important;
}

Resolution:
The issue was successfully resolved after implementing the suggested CSS fix. The price now remains visible when variants are selected on product pages.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I have been trying to add variants to my products to clean up my website. When I do and I look at the product page the price appears when first loaded but then it disappears when a variant is selected.

I have looked for solutions online but they don’t seem to work

I have tried to go into the Code Editor to make changes in Component-price.css, in base.css and in section-main-product.css but none of them seem to make a difference.

These are the codes I’ve tried

.price.price–large.price–show-badge { opacity: 1 !important; }

.product .price,.price__regular{opacity:1;}

I can’t seem to adjust the opacity or the colour of a products variant price for it to show up

Any other suggestions

https://canvacsystems.com/products/camlock-coupler-x-adapter-reducer-aluminum-6-x-4?variant=44992945062063

2

Hey @Canvac I found a solution.

Go to Shopify Admin > Online Store > Edit Code > base.css and Go to End of this file and paste ths following code.

.price-container {
    opacity: 1 !important;
}

Results:

thescriptflow_0-1742312618901.png
thescriptflow_0-1742312618901.png658×187 22.6 KB

3

Hey please paste this code in the end of base.css file.

Results:

thescriptflow_0-1742312727090.png
thescriptflow_0-1742312727090.png658×187 22.6 KB

4

Which code? I have tried both of the codes I have supplied at the bottom of base.css file and nothing changes.

5

Thank you, the update solved it