"Change css in Price list" (#2784306) / OrionThemes

George started the conversation
May 23, 2021 at 6:42pm
Hi, guys!

First of all I want to say big thank you for you very usefull product. I have one problem - in mobile version of site I cant change this css code:
h3.item-title, h4.item-title{
font-size: 18px;
}
All I need - change font-size from 18px to 12px. Because I have this visual bug (watch screenshot). I'll try to change css in Mobile CSS block of this module, but nothing happent.
PS: Sorry for my bad english, didn't practice in this around 10 years.
With big respect,
George.
564
OrionThemes replied
May 23, 2021 at 6:58pm
Hi,
Sure, we can help.
Can you share direct link to the page on the screenshot. I need to be able to see it in the browser, to help you with CSS.
Kind regards,
Andrej
OrionThemes
George replied
June 11, 2021 at 4:40pm
Hello, Andrej!
Sorry for the underside answer. Here the page - http://vizavi-clinic.ru/services/lechenie-zubov/ At the desktop it shows okay, but in mobile browser blocks overlap.
564
OrionThemes replied
June 11, 2021 at 5:39pm
Hi,
Copy the following CSS to Theme Options -> Custom CSS:
@media (max-width: 991px) {
.orion-pricelist .item-title {
max-width: 50%;
}
}
This will make sure, the description and price don't overlap on mobile devices and then there is no need to change font-size.
If you'd like to make the font smaller, you can just use:
.orion-pricelist h4.item-title {
font-size: 18px;
}
Kind regards,
Andrej
OrionThemes