Comments Howard started the conversationMarch 4, 2016 at 4:39amHi thereHow do you correctly add a table? I am unable to find any info in the documentation on inserting and styling tables?We want to create something like the demo - a basic 4 column table:TablesHowever, for some reason, our table has fixed row heights and very large line heights?How do you select the table styles from the demo?? 895TheFox repliedMarch 4, 2016 at 10:24amHello Howard, You need to use the column module, the cell will adjust to the biggest cell in your table to make the table looks like a table but you seems to have strange space in your table, have you a link you can share so our team could check what is wrong.The form radio and checkbox should looks like this : https://drive.google.com/file/d/0B4U2I7SLFLQYZXVMcVlCdnNXSUk/view?usp=drivesdk Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Howard repliedMarch 4, 2016 at 11:51amThe site is currently under construction, so not live.Yes, I used the Table modulehttps://www.dropbox.com/s/jqkvza7w41avrix/Screenshot%202016-03-04%2018.19.39.png?dl=0I think that the spacing issue is caused by the line height in the CSS:style_end.css : line 2390.table_col p { margin:0; padding:5px 15px; line-height:49px;}I changed line-height to 1.4em and it's betterIs there any way to control the width of different columns? Or does it only create columns of equal width?i.e. I want the 'prices' columns to be narrower than the other columnshttps://www.dropbox.com/s/4pj89dk8zlacja9/Screenshot%202016-03-04%2018.49.05.png?dl=0 895TheFox repliedMarch 5, 2016 at 9:18amHello Howard,I see, it's a bit hard to see what is causing the problem without being able to access the code.Currently the table create columns with equal width, you may force a different with using custom css ( thefox > styling options ) :.rd_table_ctn .table_col:nth-child(1) { width: 100px!important; } and change the number 1 to the column number you want to change the width.Do not hesitate to contact us if you have more questions. Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Howard repliedMarch 7, 2016 at 12:27pmHi thereI decided it was better to create 2 separate tables, each with 2 columns. This works better.http://www.gap-services.com.au/prices/And my CSS adjustment to the line-height fixed the spacing issue..table_col p {line-height: 1.4em;} 895TheFox repliedMarch 8, 2016 at 8:02amHello Howard,Glad to hear that you have found a way to accomplish what you needed.Thanks for your feedback.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Sign in to reply ...
Hi there
How do you correctly add a table? I am unable to find any info in the documentation on inserting and styling tables?
We want to create something like the demo - a basic 4 column table:
Tables
However, for some reason, our table has fixed row heights and very large line heights?
How do you select the table styles from the demo??
Hello Howard,
You need to use the column module, the cell will adjust to the biggest cell in your table to make the table looks like a table but you seems to have strange space in your table, have you a link you can share so our team could check what is wrong.
The form radio and checkbox should looks like this : https://drive.google.com/file/d/0B4U2I7SLFLQYZXVMcVlCdnNXSUk/view?usp=drivesdk
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
The site is currently under construction, so not live.
Yes, I used the Table module
https://www.dropbox.com/s/jqkvza7w41avrix/Screenshot%202016-03-04%2018.19.39.png?dl=0
I think that the spacing issue is caused by the line height in the CSS:
style_end.css : line 2390
.table_col p {
margin:0;
padding:5px 15px;
line-height:49px;
}
I changed line-height to 1.4em and it's better
Is there any way to control the width of different columns? Or does it only create columns of equal width?
i.e. I want the 'prices' columns to be narrower than the other columns
https://www.dropbox.com/s/4pj89dk8zlacja9/Screenshot%202016-03-04%2018.49.05.png?dl=0
Hello Howard,
I see, it's a bit hard to see what is causing the problem without being able to access the code.
Currently the table create columns with equal width, you may force a different with using custom css ( thefox > styling options ) :
.rd_table_ctn .table_col:nth-child(1) { width: 100px!important; }
and change the number 1 to the column number you want to change the width.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi there
I decided it was better to create 2 separate tables, each with 2 columns. This works better.
http://www.gap-services.com.au/prices/
And my CSS adjustment to the line-height fixed the spacing issue.
.table_col p {
line-height: 1.4em;
}
Hello Howard,
Glad to hear that you have found a way to accomplish what you needed.
Thanks for your feedback.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme