Need Help With Class

  • Resolved wpsoftcode

    (@wpsoftcode)


    2 years, 4 months ago

    Hey there,

    First Question:

    Could you please let me know what CSS class should be used to change the font-family and font-size of the content inside the tables?

    I can do basic customization myself but having issues getting CSS class.

    I can see you have mentioned .ninja_footable here on Stack Overflow but that doesn’t work.

    Here is the table: https://memorizeincrease.s2-tastewp.com/2020/08/05/hello-world

    Seconds Question:

    Apart from this, I also found that Font Family and Font Size Settings under Tools ? Global Appearance never work. You can also test it on your side. That looks like a bug.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Syed Numan

    (@annuman)

    Hello @wpsoftcode,

    I can see you are using the ninja tables Drag & Drop module, and Global Settings will not work for this module. You can choose the font family from the table settings. See Screenshot

    Thank You

    Thread Starter wpsoftcode

    (@wpsoftcode)

    Hi @annuman

    That is helpful but I need to apply custom font via custom CSS to match my theme font-style.

    Also I need to increase the line height for the content inside the table.

    I can do CSS myself, could you please let me know which CSS class to target for Ninja Table?

    I can see someone from your team maybe have mentioned .ninja_footable on Stack Overflow but that doesn’t work.

    https://stackoverflow.com/questions/48097523/wordpress-ninja-tables-css-styling/49426764#49426764

    Plugin Support Syed Numan

    (@annuman)

    Hello @wpsoftcode,

    Please find the CSS below for changing the font family and line height for a specific table. You just need to change the table ID from 402.

    Add the CSS to the WordPress Additional CSS section. 

    .ninja_tables_builder_class_402 {
    font-family: monospace !important;
}
.ninja_tables_builder_class_402 .ntb-datas-wrapper span {
    line-height: 2 !important;
}

    Thank You

    Thread Starter wpsoftcode

    (@wpsoftcode)

    You just need to change the table ID from 402.

    And what if I needed to apply it for all tables?

    Plugin Support Syed Numan

    (@annuman)

    Hello @wpsoftcode,

    To apply this CSS to all the tables, use the following one in WordPress Additional CSS. 

    #ntb_table {
    font-family: monospace !important;
}
#ntb_table .ntb-datas-wrapper span {
    line-height: 2 !important;
}

    Thank You

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Need Help With Class’ is closed to new replies.