Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 13, 2019 at 10:59 am #1165464
    Gute

    Hello!

    I cant find how to make a price table. Do i have to have WooCommerce installed fot it to show up?

    December 14, 2019 at 6:17 am #1165773
    Rikard

    Hey Gute,

    Use the Table element, then you can select to use it as a pricing table in the Styling Tab in the element options.

    Best regards,
    Rikard

    December 20, 2019 at 9:31 am #1168062
    Gute

    Thanks!
    And how do I put an image inside the pricing table? So it looks like on this page.

    Pricing

    December 20, 2019 at 4:24 pm #1168198
    Nikko

    Hi Gute,

    That page uses 3 1/3 columns for its layout.
    Edit first of the 1/3 column, set Equal Height Columns to Equal Height and Space between columns to No space between columns
    Hope this helps.

    Best regards,
    Nikko

    January 23, 2020 at 2:55 pm #1177636
    Gute

    Hello!
    I understand how to do what you say. But the boxes stil dont touch each other, There are some pixels in between.
    And you seem to have some advanced styling too – bigger fonts, no line showing in between rows etc.
    How do I do to make it look like yours?

    Regards
    Gute.

    • This reply was modified 4 years, 10 months ago by Gute.
    January 24, 2020 at 9:30 am #1178036
    Ismael

    Hi,

    Thank you for the update.

    Can you post the URL of the page where you’re testing this? We would like to see what you have so far.

    The font size is set directly in the Special Heading elements.

    Best regards,
    Ismael

    January 24, 2020 at 10:07 am #1178058
    Gute

    Hi!
    Thanks for the quick answear. And thank you for a great theme.
    Im using tables inside each 1/3 column.
    Below is the link.

    The best

    • This reply was modified 4 years, 10 months ago by Gute.
    January 27, 2020 at 3:25 am #1178551
    Ismael

    Hi,

    Thank you for the info.

    The spaces are from the pricing tables. You can use this css code to remove the gaps between the columns.

    .pricing-table {
	margin: 0;
}

    Best regards,
    Ismael

    January 27, 2020 at 9:54 am #1178621
    Gute

    Thank you Ismael!

    I have som follw up questions.
    1. Where do I exactly put that code?
    2. How do i get tables like, on the site i posted before, where the rows dont shift between color grey and white?
    3. The pictures in your tables dont have a frame, but mine has. How do I deleate the frame?
    4. How do I edit the price tables layout?

    regards

    January 29, 2020 at 4:29 am #1179266
    Ismael

    Hi,

    Thank you for following up.

    1.) You can add the code in the Enfold > General Styling > Quick CSS field or the child theme’s style.css file.

    2.) Add this code to remove the alternate color.

    .main_color tr:nth-child(2n+1), .main_color .pricing-table > li:nth-child(2n+1), .main_color .pricing-extra {
	background: #ffffff;
}

    3.) You should move the image outside the table element. The demo is using the Image element.

    4.) What specific changes are you trying to make aside from those available in the table options?

    Best regards,
    Ismael

    January 29, 2020 at 12:15 pm #1179373
    Gute

    Thanks mate!
    I think I finally figured it out =)

    January 30, 2020 at 8:17 am #1179719
    Rikard

    Hi,

    Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.