Price table class

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Sep 30, 2014 10:43 am
Reply with quote
Report this post
Hi guys,

I am looking for a class for price tables at MusicState as you have in other templates:
http://demo.gavick.com/joomla25/john/in ... rice-table
http://demo.gavick.com/joomla25/creativ ... rice-table

Is a class to do it? if not could you give me some css used in other templates to override this one?

Thank you in advance!
User avatar
Expert Boarder

GK User
Tue Sep 30, 2014 3:32 pm
Reply with quote
Report this post
Hi,
you're this "gkPriceTable" class is not available by default in MusicState,
but with some work you can import this css code into this template from other template, for example search here: gk_john_s\css\gk.stuff.css
User avatar
Platinum Boarder

GK User
Tue Sep 30, 2014 3:34 pm
Reply with quote
Report this post
Second option,
just use module which offer such a Price Table Style, on JED you will find them, even RokSprocket allows that.
User avatar
Platinum Boarder

GK User
Tue Oct 07, 2014 4:10 pm
Reply with quote
Report this post
Looking CSS files, I found those templates are responsive, because are applying a different CSS depending of the screen size: gk.stuff.css, mobile.css, small.desktop.css and small.tablet.css. However the class "gkPriceTable " in all of them are the same, so I am not sure how to override correctly the template css to use a different code depending the screen size. Please could you give me some ideas? I was thinking to rewrite the template css files directly, but is not an smart idea because I could loose changes when will be necessary update the template.
User avatar
Expert Boarder

GK User
Tue Oct 07, 2014 5:45 pm
Reply with quote
Report this post
So yes, you should customize also those CSS files if you need to table be fully responsive.
But in my opinion, you can also use all code in one override.css via using
@media (max-width: 480px) { code for mobile}
@media (max-width: 768px) { code for tablet }
etc. inside.
User avatar
Platinum Boarder

GK User
Thu Oct 09, 2014 9:38 am
Reply with quote
Report this post
Working perfect! Thank you
User avatar
Expert Boarder


cron