Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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

    #234498

    Hi 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,
    Ismael

    #234574

    Hi,

    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

    #234749

    Hey!

    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,
    Yigit

    #234758

    Nice – 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.

    #234762

    Hey!

    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,
    Yigit

    #1021493

    How can I get every other default row in the table to be white and then grey? In the default table (not pricing table)

    #1022149

    Hi,

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.