Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #218391

    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.

    #218416

    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

    #218571

    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

    #218667

    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 6 months, 2 weeks ago by  sschiller.
    • This reply was modified 6 months, 2 weeks ago by  sschiller.
    • This reply was modified 6 months, 2 weeks ago by  sschiller.
    #218703

    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/

    #219857

    Hi!

    Ismaels code should solve the issue: http://www.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

    #223319

    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

    #223977

    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 6 months, 1 week ago by  sschiller.
    #224697

    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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.