Pricing Tables and Info Boxes

[Glenda]

Hi,
Do you have an instruction on installing the pricing tables and the info boxes.
Thanks in advance.

[Sushil Adhikari]

Hi Glenda…sorry for late reply as I see it’s 15 hours ago, yikes. I don’t have a tutorial for that after looking myself, but basically it’s creating a page, and then copy and pasting the snippet html code from the extras folder in the original download of the theme, into the page and then changing the content to your own. The layout structure is the snippet and gives 4 columns, but you can change it to 3 columns if you want by changing the span classes from span3 to span4 (making sure one of the tables in the code is removed because there’s four of them there).

[Glenda]

Thanks Andre, I totally forgot about the extras folder. I will have to have a look at what’s in it again. I might find some more gems.
Thanks once again.

[Glenda]

Just on the same topic, I have tried to change the colour of the price box at the top with no luck. Can you let me know how to do this.
Thanks in advance.

[Sushil Adhikari]

The code you paste in has classes added such as price-red, price-amber, etc. So for example:

The above will be a grey style for the whole column, not just a portion of it. The available colour classes are listed at the top of the price-table-snippet.txt file in the extras folder.

1. price-default
2. price-amber
3. price-red
4. price-purple
5. price-grey
6. price-mycustom

[Glenda]

Hi Andre,
I Can’t seem to get it to work. This is how I used the colour on the four price lists, but it still stayed in pink. Is this correct?

• Basic
• $390.00
• 4 Page Basic Website
• $95.00 extra pages
• Gallery 20 photos $150 extra
• 3 Email Addresses
• Hosting $180 per year
• CONTACT US NOW!

I couldn’t find any other way to do this in the snippets in the extra folder.
The test site is mostly in green, so I wanted to keep the colour consistent throughout the theme.
Thanks in advance.

[Sushil Adhikari]

The first problem is that there is no green style in the theme for this one. You will have to create one…which is what the custom colour option is for:

price-mycustom

In the theme options, there’s a colour setting for a custom colour. Once you set that colour there, then make your snippet with price-mycustom (instead of your price-green class).

[Author]

Posts