Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 2, 2014 at 12:43 pm #218391
    SBarker21

    Hi,

    I’ve created a pricing table, ive got 4 columns, left column is a description column.. When i have a small description, the other 3 columns are in-line, but when my description goes over 1 line of words, it throws the table out of whack and looks ridiculous.

    Could you help?

    Cheers.

    February 2, 2014 at 3:03 pm #218416
    sschiller

    I´ve the same problem right now. It would help I can change the size of des decription column. Is there a way for this?

    Ciao
    Sylvio

    February 3, 2014 at 3:32 am #218571
    Ismael

    Hey!

    Can you please give us a link to the page with the table? Maybe specifying a minimum height for the table rows will help. Add this on Quick CSS:

    .pricing-table>li {
min-height: 70px;
}

    Cheers!
    Ismael

    February 3, 2014 at 9:16 am #218667
    sschiller

    Jeap, her is the Link:

    http://f-200.com/unsere-dienstleistungen/markenanmeldung-deutschland/

    I asume to increase the first column will be better.

    Ciao
    Sylvio

    • This reply was modified 10 years, 10 months ago by sschiller.
    February 3, 2014 at 10:37 am #218703
    SBarker21

    Heres the page, as you can see the descriptions on the left dont match up with the correct row

    http://www.seoweknow.co.uk/seo-packages/

    February 5, 2014 at 10:26 am #219857
    Dude

    Hi!

    Ismaels code should solve the issue: https://kriesi.at/support/topic/pricing-table-issue/#post-218571

    If you don’t want to change the height of all tables I recommend to insert this code at the bottom of functions.php

    
add_theme_support('avia_template_builder_custom_css');

    Afterwards Enfold will show a “custom css class” field for each template builder element and you can use this css class to set a different table height for a certain table. I.e. insert “mytable” into the css class field and use some css code:

    
.mytable .pricing-table>li {
min-height: 70px;
}

    to change the height.

    Cheers!
    Peter

    February 13, 2014 at 10:33 am #223319
    SBarker21

    Guys,

    I put in the code, but it’s still not working.. Everything is out of sync, it looks ridiculous.

    I need a way to increase the height of every row.

    http://www.seoweknow.co.uk/seo-packages/

    and also, when you make the width of the page small, the description column disappears altogether!

    Cheers,
    Simon

    February 14, 2014 at 2:10 pm #223977
    sschiller

    I think in both cases the best way is to extend the width of the first row. is there any possiblitiy like this?

    ciao

    Sylvio

    • This reply was modified 10 years, 10 months ago by sschiller.
    February 17, 2014 at 1:34 am #224697
    Josue

    Hey Sylvio!

    I personally think a good option would be to make the table remain at 1030px width regardless of windows size, this code will do it:

    .responsive #top{
	overflow-x: scroll;
}
.avia-table {
    width: 1030px !important;
}

@media only screen and (max-width: 767px)
{
 	.responsive .avia-pricing-table-container , .responsive .pricing-table-wrap{display:inline-block !important;}
	.responsive .pricing-table{display:inline !important; margin-bottom:0 !important;}
	.responsive .pricing-table.avia-desc-col{display:inline !important;}
}

    Cheers!
    Josue

    March 22, 2017 at 11:53 pm #765106
    djchrisaustin

    Here is my link what quick CSS can I use to make the Prices Row Smaller? I just want it to fit nicer on the page.

    In Quick CSS I am currently using

    .pricing-table li.avia-pricing-row { font-size: 18px; }
    .pricing-table.avia-highlight-col .first-table-item { font-size: 16px; }

    Thanks!

    March 23, 2017 at 8:45 am #765237
    Basilis

    Hey!

    Please do not dig up topics, so it can be easier for us to handle.
    Create a new post and we will try help as fast as possible.

    Thanks a lot

    Regards,
    Basilis

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Pricing Table Issue’ is closed to new replies.