Woocommerce product page – prices of items are not fully shown (Ethos)

[Rainerberlin]

Hi there!
On the main product page the price is not fully visible.
When I hover with the mouse, everything including the “add to cart”-button looks fine. But in the “standard-view” it doesn’t look good.
I tried to fix it by myself, but without success. Could you please help me out?
Regards,
Rainer

[nabeel]

Hi Rainer,

Thank you for reaching out to us. It seems like a CSS customization issue, try removing custom CSS, JavaScript and deactivate your child theme and switch to parent theme (take a complete backup of your code first) and see if this resolves the issue.

If the issue persists then you can fix it by adding the following code in the Theme Options > CSS:

[class*=woocommerce] li.product .entry-header h3 {
    font-size: 15px;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope.

Hope this helps!

[Rainerberlin]

Hi Nabeel,
thanks for your help!
Your suggestion about the adding the CSS does not work well – so I think I’ll have to try your first option.
We will see!
Thank you!
Rainer

[tristup]

Hi Rainer,

I have added the custom CSS code referred to by my colleague in the last post and it works perfectly. Please find the video where I have added the code and shows the output.

https://www.awesomescreenshot.com/video/2262935?key=1a9962ef23c5b65f0814d6ae8db1072a

I would also recommend you to clear the cache after adding the code and check once if the issue is resolved or not. If that does not resolve, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[Rainerberlin]

Hi Tristup,
it works like a charm
Thank you so much for your support!
Regards, Rainer

[ruenel]

You are most welcome @Rainerberlin!
If you need anything else we can help you with, don’t hesitate to open another thread.