Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #193582

    Some CSS are not displaying properly and I am not able to center the tables properly.

    Check here how the preview is showing on Choices: http://d.pr/i/fU3d/4S81O10o and how it is showing on Enfold: http://d.pr/i/IZIS/5pkka1lD
    The rows are much thinner on Enfold.

    Any quick fix?

    The plugin I’m using is “CSS3 Web Pricing Tables Grids”

    Is there also a way to centre the table on the page? I tried center alignments with <p> and <div> but nothing worked so far.

    Thanks a lot.

    #193584
    This reply has been marked as private.
    #193610
    This reply has been marked as private.
    #194043

    Hey!

    To center it, add this code to the Quick CSS:

    #Reseller_Web_Hosting {
        width: 820px;
        margin: 0 auto;
    }

    Cheers!
    Josue

    #194047

    Thank you Josue,

    However, when I add that code, it breaks the tables responsiveness. Any other idea?

    #194049

    Hey!

    Use this instead:

    #Reseller_Web_Hosting {
        max-width: 820px;
        width: 100%;
        margin: 0 auto;
    }

    Cheers!
    Josue

    #194053

    Thank you Josue: rockstar :)

    Any idea about the second issue? The rows height?

    Thank you

    #194065

    Hey!

    Add this code to the Quick CSS:

    div.p_table_1 li.row_style_1,
    div.p_table_1 li.row_style_2,
    div.p_table_1 li.row_style_3,
    div.p_table_1 li.row_style_4{	
    	height: 48px !important;
    }
    
    

    Cheers!
    Josue

    #194070

    Thank you again Josue, working great now :)

    #194073

    You are welcome, glad we could help :)

    Regards,
    
Josue

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

The topic ‘CSS3 Web Pricing Tables Grids – CSS problems’ is closed to new replies.