Support » Plugin: TablePress - Tables in WordPress made easy » How to solve this cusstom css problem? Please help

  • Resolved shakirahmed

    (@shakirahmed)


    Hello,

    To change the color and font size of first column i used bellow custtom uss:

    .tablepress .column-1 {
    	font-size: 13px;
    	color: #0066CC;
    	font-weight: bold;
    }

    It changed the color of all rows of first column including table header. See here (here table header of first column is agencies names)

    http://financefire.com/top-advertising-agencies-los-angeles.html

    But i don’t want to change the color of that table header. So i tried to use 2 custom css 2 times but nothing worked. Just now used bellow code:

    .tablepress thead th {
    	color: #ff0000;
    }

    See it changed the color of the header words of other 2 column. But header of first column is still now following the command of first custom css code.

    So how can i solve this please.

    NB: English is not first language. So, if need to clarify more please ask me.

    http://wordpress.org/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    In order to not have this apply to the table head row, you’ll just need to restrict it to the table body (“tbody”), by extending that code to

    .tablepress tbody .column-1 {
    	font-size: 13px;
    	color: #0066CC;
    	font-weight: bold;
    }

    Regards,
    Tobias

    Thread Starter shakirahmed

    (@shakirahmed)

    Thank you. Now it is working fine.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    very nice! Great to hear that! 🙂

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to solve this cusstom css problem? Please help’ is closed to new replies.