[graphixparanoid]

I’d like to have the same pricing page as your sample, and keep the same boxes columns, text style, etc… http://themes.pixelwars.org/photographer/pricing/

Can you post here the complete shortcodes with all details of that page, please?
I know I should use the shortcode [column], but after that what? How to make it into 3 boxes in 1 row?

[Mehmet S.]

Hi, here is the page content from the demo:

[section_title align="center" text="DO YOU WANT ME TO SHOOT YOU?"]

Human potential, social protect; altruism inspiration Kony 2012 collaborative cities small-scale farmers transform the world. Impact, conflict resolution free expression campaign contribution accelerate progress local solutions equal opportunity global. Empower gender Aga Khan, invest; planned giving deep engagement donate synthesize.

[row]

[column width="4"]

[pricing_table]

PORTRAIT

$200

Up to 2 Hours
10 Images
2 Outfit Changes
2 Edited Images
Hi-res images on cd
[button text="Contact" url="http://themes.pixelwars.org/photographer/contact/"]

[/pricing_table]

[/column]

[column width="4"]

[pricing_table]

GROUP SHOTS

$400

Up to 4 Hours
50 Images
4 Outfit Changes
10 Edited Images
Hi-res images on cd
[button text="Contact" url="http://themes.pixelwars.org/photographer/contact/"]

[/pricing_table]

[/column]

[column width="4"]

[pricing_table]

WEDDING

$800

Up to 7 Hours
100 Images
5 Outfit Changes
20 Edited Images
Hi-res images on cd
[button text="Contact" url="http://themes.pixelwars.org/photographer/contact/"]

[/pricing_table]

[/column]

[/row]

[section_title align="center" text="WHAT MY CLIENTS SAY"]

[row]

[column width="4"]

[testimonial image="http://themes.pixelwars.org/photographer/wp-content/uploads/2014/12/testo-01.jpg" title="VINCENT WOOD" sub_title="CEO / GRAVITY INC."]He is a great and hardworking guy. I am so proud of i have him as my asistant. He helped me so much. Also i am so proud of i have him as my asistant. He helped me so much.[/testimonial]

[testimonial image="http://themes.pixelwars.org/photographer/wp-content/uploads/2015/01/testo-02.jpg" title="JASON WILSON" sub_title="LAB GEEK / MIAMI METRO"]He is ok. I don't really know him. He looks nice.[/testimonial]

[/column]

[column width="4"]

[testimonial image="http://themes.pixelwars.org/photographer/wp-content/uploads/2015/01/testo-03.jpg" title="GARY MORGAN" sub_title="CHEMIST / FREELANCER"]He was a great co-worker and a friend. I would't be where i am without his support.[/testimonial]

[testimonial image="http://themes.pixelwars.org/photographer/wp-content/uploads/2015/01/testo-04.jpg" title="VINCENT WOOD" sub_title="CEO / GRAVITY INC."]He is a great and hardworking guy. I am so proud of i have him as my asistant. He helped me so much. Also i am so proud of i have him as my asistant. He helped me so much.[/testimonial]

[/column]

[column width="4"]

[testimonial image="http://themes.pixelwars.org/photographer/wp-content/uploads/2015/01/testo-05.jpg" title="JASON WILSON" sub_title="LAB GEEK / MIAMI METRO"]He is ok. I don't really know him. He looks nice.[/testimonial]

[testimonial image="http://themes.pixelwars.org/photographer/wp-content/uploads/2015/01/testo-06.jpg" title="VINCENT WOOD" sub_title="CEO / GRAVITY INC."]He is a great and hardworking guy. I am so proud of i have him as my asistant. He helped me so much. Also i am so proud of i have him as my asistant. He helped me so much.[/testimonial]

[/column]

[/row]

Note: You can access all of the pages by importing the sample data.

[horizonlab]

@Mehmet, is it possible to add bullets and align the text left within the price boxes?

[horizonlab]

@Mehmet, I figured out how to add bullets and align text left in the pricing tables but it’s still centered text on the mobile version. Can you help out with the CSS for that please?

[ahmetsali]

@horizonlab

can you provide your related page url ?

[graphixparanoid]

Good question, @horizonlab. I also need to know how to left-align those item list and add bullets.

@ahmetsali pls post the solution. Thank you.

Thanks to @mehmetsali for the original reply. I’ve managed to import your sample data.

[ahmetsali]

you can try this custom css to left align pricing box content;

.pricing-table {
    text-align: left;
}

[horizonlab]

@ahmetsali , you can find an example here http://horizonlab.com/portraet/ – everything looks right on web browser but on mobile device it’s centered still. Appreciate the help.

[ahmetsali]

@horizonlab

you have a missing close bracket in your custom css code, add a closing bracket right after this piece of code;

@media screen and (min-width: 768px) {
    .wpcf7 form p input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]) { max-width: 360px; width: 100%; }

and it should be like;

@media screen and (min-width: 768px) {
    .wpcf7 form p input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]) { max-width: 360px; width: 100%; } }

[axisimages]

Hi,
I also want to have the same pricing and testimonial like you have on your website

When i copied the code mentioned above on my website,this happened http://www.axisimages.in/pricing-2

please help on how to sort and place everything as its on your sample website

[serkan]

Hi axisimages,
Delete your pricing page and create a fresh copy please.
Write the short-codes like demo content. @MehmetSALI wrote the solution above.
Deactive all your plugin and try it again.
Thanks

[axisimages]

Copied his whole code and pasted,do have a look as the problem is still persisting

http://www.axisimages.in/pricings

[axisimages]

Please Help regarding the same

[serkan]

Hi axisimages,
Have you deleted your pricing page? I can’t see it on your website.

[axisimages]

Yes,
I am sending link of another page,somehow I managed to get the pricing table alright . Please let me know how to do the same with Testimonial part.

its really jumpy and text are all over the place

http://www.axisimages.in/information/testimonial

I cant move from medium page width else my pricing table will be messed up

[serkan]

Hi axisimages,
You have a redundant pre element wrapping your shortcodes, navigate to “Text” tab of your content editor and remove that pre element and it should be fine.

[axisimages]

Thanks

[serkan]

You’re welcome =)

[bk75000]

Hi , what is the procedure to put each t on “price unit ” next to each other ? thank you. yet they are one below the other.

[serkan]

Hi bk75000,
You should use the column shortcodes. You can see above the page which ahmet wrote it before.

You can copy and paste that code to a page and easily edit it. It is the other option.
Thanks

[bk75000]

Thanks, ive done it before may be a mistake somewhere. but now that work good

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

[varyag007]

Why are they all different? http://kahanowsky.ru/price

[section_title align=”center” text=”ХОТИТЕ ЗАКАЗАТЬ ФОТОСЕССИЮ?”]

[column width="4"]

[pricing_table]

Мини: 5000 р
Съемка 1 час
10 фото в авторской обработке
Срок готовности 20 дней
Фотографии передаются ссылкой для скачивания.
[button text="Contact" url="http://kahanowsky.ru/contacts"]

[/pricing_table]

[/column]

[column width="4"]

[pricing_table]

Лайт: 7000 р
Съемка 1-1,5 часа
15 фотографий в авторской обработке
7 распечатанных фотографий форматом 15*21
Срок готовности 20 дней
Фотографии отдаются на электронном носителе.
[button text="Contact" url="http://kahanowsky.ru/contacts"]

[/pricing_table]

[/column]

[column width="4"]

[pricing_table]

Стандарт: 10 000 р
Съемка 1,5-2 часа
20 фотографий в авторской обработке
10 распечатанных фотографий форматом 10*15
Фотокнига 20*20 10 разворотов
Сроки готовности 30 дней
[button text="Contact" url="http://kahanowsky.ru/contacts"]

[/pricing_table]

[/column]

[column width="4"]

[pricing_table]

Премиум:
Съемка 2-3 часа
30 фотографий в авторской обработке
15 распечатанных фотографий форматом 10*15
Фотокнига 20*20 10 разворотов
Фотосувенир это может быть магнит, фото на холсте,
Сроки готовности 45 дней
[button text="Contact" url="http://kahanowsky.ru/contacts"]

[/pricing_table]

[/column]

[serkan]

Hi varyag007,
The toggle may not support the pricing table. Please try to use without toggle also you have a redundant pre element wrapping your shortcodes, navigate to “Text” tab of your content editor and remove that pre element and it should be fine.

[betohilchesc]

Could you please send me the same content demo from PRICING PAGE please! ???

[serkan]

Hi,
You can upload the dummy data or copy and paste the pricing page shortcode which is at the top of the page.
Thanks

[rhanielmiel]

Hello, I am trying to center the two tables at the bottom of my pricing page. Is there a css code which would enable me to do so, the link to my pricing table is below.

http://rhanielmiel.com/wedding-packages-and-pricing/

Thank you!

[serkan]

Hi rhanielmiel,
You can try to use these custom css codes;

.row:nth-child(2) { text-align: center; }
.row:nth-child(2) .col-sm-4 { display: inline-block;  float: none; }

Thanks

[rhanielmiel]

perfect that did the job thank you!

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

[rhanielmiel]

Hello I made a change to my pricing page particularly to my packages and now the boxes arent centered,

i have

“.row:nth-child(2) { text-align: center; }
.row:nth-child(2) .col-sm-4 { display: inline-block; float: none; }”

-in my custom css however this is how it looks like this..

http://rhanielmiel.com/wedding-packages-and-pricing/

[serkan]

Hi rhanielmiel,
You have column 12 shortcode for the first table and you have 6 for the rest of it. So the first table cover all the line.
Thanks