Tagged: data table
- This topic has 8 replies, 2 voices, and was last updated 6 years ago by
mila_support.
- AuthorPosts
- February 25, 2017 at 19:51 #12754
stockpointer2ParticipantHi,
I like the Data Table plugin and may consider the pro version. However I’m wondering how can I force the style shown in the preview window with my website theme? I don’t like how the table displays with my website theme. I know it has to do with the CSS section. Can you paste the CSS code used for the preview window? ThanksFebruary 25, 2017 at 21:03 #12755
stockpointer2ParticipantI just paid the pro version:
So can you show me an example of CSS code to:
1) reduce the height of the rows
2) remove the bold of the header
3) overall respect the settings I chose on the settings panel for my table ID 1?http://stockpointer2.com/home
Thanks
February 27, 2017 at 07:25 #12759
stockpointer2ParticipantOnly one thing is missing of what I asked as I was able to figure out everything else this week end by trial and error:
http://stockpointer2.com/home/
How do I remove the white gaps between my text? The rows seems thick, I want them to be as slim as possible so my tables dont take too much space height-wise.
I tried padding 0px, bordercollapse, height etc. but it still shows the rows to be thick.
Can you send me an email and I will email you my login / pw so you can take a look at my table plz? It has to be a conflict with my SALIENT theme but I don’t know where (tr, th, td, etc.) to overwrite the code to make the row as small as possible.
Thanks alot
February 27, 2017 at 21:11 #12767
mila_supportMemberHi @stockpointer2
You can try to use a lower font size or enable Compact option of the Style section at the Main Settings Tab – http://prntscr.com/ee214w
If it won’t suit you, try the third variant:
– Open your table at the main Settings Tab
– Find “Styling” section
– at “Responsive Mode” choose “Horizontal scroll”
– Save settings.
http://prntscr.com/edwqwxFebruary 28, 2017 at 00:38 #12768
stockpointer2ParticipantIt doesn’t workI tried both the compact and the horizontal scroll, do you mind if I send you an email with my info and you can check it out quickly plz? Thanks
The problem is the extra space shown on the pic below:
I want the table to be squeezed out without that padding or whatever creates the white space.
February 28, 2017 at 17:24 #12771
mila_supportMemberHi @stockpointer2
You can change table size, for this paste next code in CSS Tab
#supsystic-table-5 {
width: 50% !important;
}
where 5 – is the table IDTo change table padding you can use this code
#supsystic-table-5 th, #supsystic-table-5 td {
padding: 0 !important;
}To change the column size use this code:
}
#supsystic-table-5 th:nth-child(1) {
width: 26% !important;
}
#supsystic-table-5 th:nth-child(2) {
width: 6% !important
}
Where child(1) is the first column
If it will not suit your needs, please contact us via internal support with detailed description of the table appearance you want to get and we will help you to solve the issue.March 1, 2017 at 00:51 #12776
stockpointer2ParticipantHi Mila,
I tried and it doesn’t work. I sent you an email with the details and the picture on how I need the table appearance to be. Thanks!March 3, 2017 at 21:10 #12794
stockpointer2ParticipantI found the solution !
#supsystic-table-5 th, #supsystic-table-5 td {
padding-right: 5px;
line-height: 17px;
}Last question: How do I put CSS style on the description text? Thanks
March 7, 2017 at 13:17 #12862
mila_supportMemberHi @stockpointer2
In order to get needed style parameters for all your tables, please follow the next instruction:
– In your WordPress admin area open Appearance Tab
– Choose Editor tab
– In the end of style.css file paste this code
.supsystic-tables-wrap td {
padding-right: 5px;
line-height: 17px;
}
– And click “Update the file - AuthorPosts
- You must be logged in to reply to this topic.