Tagged: CSS, pricing tables
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.
Hey!
To center it, add this code to the Quick CSS:
#Reseller_Web_Hosting {
width: 820px;
margin: 0 auto;
}
Cheers!
Josue
Thank you Josue,
However, when I add that code, it breaks the tables responsiveness. Any other idea?
Hey!
Use this instead:
#Reseller_Web_Hosting {
max-width: 820px;
width: 100%;
margin: 0 auto;
}
Cheers!
Josue
Thank you Josue: rockstar :)
Any idea about the second issue? The rows height?
Thank you
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
Thank you again Josue, working great now :)
You are welcome, glad we could help :)
Regards,
Josue