Tagged: table
-
AuthorPosts
-
March 9, 2014 at 11:42 am #234368
I have some questions about using your tables. I know very little about programming so please explain as step-by-step as possible!
1) How do I copy a table that’s on one page and insert it into another page?
2) If I need to insert new rows or columns, can I insert them between existing rows/columns, or must they always be added at the end?
3) Is it possible to copy data from, eg, Excel and paste it into a table (so I don’t need to go into each individual cell of the table)?
4) How do I change the colour of different tables on the same page, or at least individual cells in those tables? (eg http://www.lendgrade.com/deals/ – I’d like different colours for the background behind ‘protected’, ‘secured’ and ‘business’)Thank you very much,
Ben
March 10, 2014 at 6:10 am #234498Hi bgprojects!
Thank you for using the theme. I hope you’re doing well today.
1.) Please switch your theme to debug mode. Edit function.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
//set builder mode to debug add_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug() { return "debug"; }
You will be able to see the actual shortcode below the builder. Copy that shortcode then place it on another page if you want.
2.) Unfortunately, the rows and columns will be added at the very end.
3.) No, it’s not possible to copy a sample data on Excel. You need to copy the data one by one then place them on their appropriate place on the table.
4.) Looks like you managed to add a different color for the header row. You can add this on Quick CSS or custom.css to change the background:
.main_color .avia-data-table th.avia-highlight-col { background-color: red; }
Regards,
IsmaelMarch 10, 2014 at 9:33 am #234574Hi,
Thanks for the response.
On (4), I don’t think you understood the question: I think you’ve explained how to change the colour on all the tables, and I want to know how I can have different colours for different tables.
Thank you,
Ben
March 10, 2014 at 3:41 pm #234749Hey!
Please add following code to Quick CSS as well
.avia-table-1 th.avia-highlight-col { background-color: red !important; border-color: red !important; } .avia-table-2 th.avia-highlight-col { background-color: yellow !important; border-color: yellow !important; } .avia-table-3 th.avia-highlight-col { background-color: green !important; border-color: green !important; }
Regards,
YigitMarch 10, 2014 at 4:00 pm #234758Nice – that works great!
Last question for now:
Is it possible to put a button into a table? (eg like the buttons that are one of the content elements that can be added to a page)
Thank you very much.
March 10, 2014 at 4:03 pm #234762Hey!
You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
then you can create any of them and copy/paste shortcode into any other content element or into text widget.Best regards,
YigitOctober 15, 2018 at 11:00 am #1021493How can I get every other default row in the table to be white and then grey? In the default table (not pricing table)
October 16, 2018 at 1:05 pm #1022149Hi,
You can use this css code.
.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: #ffffff; }= .main_color tr:nth-child(even), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table>li:nth-child(even), body .main_color .pricing-table.avia-desc-col li, #top .main_color .avia-data-table.avia_pricing_minimal th { background-color: #919191; }
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.