plans and pricing

Hi,
Please help me, I need to have a "ticket options" or "plans and pricing" page, showing the different ticket types for the event.
there is no custom page for this (which is unfortunate since this is an Event theme).
what can I do to have this that won't look entirely out of theme?

Thank you!

Hi,

You can check another themes and search price table: e.g. http://demo.gavick.com/wordpress/simplicity/ then you have to copy CSS styles and adjust it to the current theme.

thanks.
But please if you can elaborate a bit on how to go about doing this.
where in the CSS of simplicity do I find the code I need, and do I just copy past it into the CSS of Fest?

Yes, you have to copy css from Simplicity/css/stuff.css file (/* Price Table */ section) and of course you have to use the same HTML structure in your text widget or page:
http://www.gavick.com/documentation/wor ... iguration/
(Bottom V text widget)

ok, almost got it.
I found the css code, and got the html.
just one thing - where do I past the css code in Fest (I'm a begginer...)?

Thanks!!

Because of future theme updates - the best place is Fest/css/override.css file. (First you should enable this option from Fest -> Template Options -> Advanced tab)

I've added the css to override.css and added the html (copy-past) to the page.
I see the text but the area where the tables are supposed to be is empty.
this is the page:
http://haifastairs.co.il/wp/schedule/

What have I done wrong?

Remove these fragments from override.css file (it's connected with the animation)

Code: Select all

.gk-price-table-animated dl {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   -webkit-transition: -webkit-transform .6s ease;
   -moz-transition: -moz-transform .6s ease;
   -ms-transition: -ms-transform .6s ease;
   -o-transition: -o-transform .6s ease;
   transition: transform .6s ease;
}
.gk-price-table-animated dl.loaded {
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -ms-transform: scale(1.0);
   -o-transform: scale(1.0);
   transform: scale(1.0);
}

Ok, so it's much better now, but there is no way for the animation to work as well?
Thanks for your help

You can try to copy jQuery animation code from js/gk.scripts.js file, but I don't help you with that because as i remember there was a lot of animation connected together, so it's not so easy.