class="gk-price-table"

Hello!
Please, help me: are there any other styles for price table, except this "gk-price-table"

Hi not exactly the same but here you can find some tables:

https://demo.gavick.com/joomla3/quark_restaurant/index.php/module-variations

"border1" "border2" and "light"

But you can edit the price table it self by using override css. I have done it by my self and there is alot to changes.

If you need help to change something on price table let me know, it is pretty easy

Thank you very much for your reply!
I ment some preset styles, as it usually happens in other temlates.
Is there any manual on how to use override.css? I don't eve know what is that and what do I need it for?

Can you show what changes you made with price-table, please?

I have changed a lot, to much to put in here. But changed colors, border, more colors, text color. And some html changes.

Tell me what you want so i can the correct code for you.


change the css code in css override
template manager > advance settings > override code > paste here your custom code

Hi

xWiz is right we need to see what You got till now and know what changes You want to do. Please tell us the url to the page where You have this tabs right now and let us know what changes You need. This way we will be able to help.

Thank you for your reply guys!
My page with prices is here:
http://englishfriend.ru/kursy/index.php/prices
I'm mainly interested in changing colours of elements of the table, for example:
1. class="gk-premium" - is black. I wanna use also other colours also
2. The background colour of <dt> tag is white. How can I use other colours?

For instead blue color for premium:

Code: Select all

.gk-price-table > dl.gk-premium > dt {
  background: #00008B;
}

Change #00008B; for another color

Example dl > grey:

Code: Select all

.gk-price-table > dl {
  background: #696969;
}

change #696969 for another color

You may also change text color. You need to experminent with the colors. If you need anything else let me know

Thank you very much!
I should just add this code to override.css?
If i do so, will the default price table style (black and white) still work?

No the default style will not work. Yes you should add this to override.css.

But make sure it is correct color etc, before your site goes online

Thnx guys!
What should I do to have several color styles work at the same time?
So that default colours were avaliable and the new colours as well?

Hi

You would need an additional class in css. Let say extra color will be purple. To the classof the upper layer of the table You will have to add new class for example "purple" than use a code in css like:

.purple.gk-price-table > dl {
background: #696969;
}

use this with every style mentioneing this color, than You will be able to create as many styles as You need.

Thank you! I'm trying to do that.
I've got one more question if you allow: can I edit any features (font size for example) for desktop and mobile separately.
For example I want font size of the price (at the top) of the price table on mobile be smaller.
For desktop - it's ok, bur for mobile the price, say, 27500 )it's in russian rubles) is too big and it doesn't look good o mobile.

I found an answer: using gray-bg suffix solves that problem.