Support » Plugin: TablePress » cant change font size Font family and Header row Colour

  • Resolved sachinsawant02

    (@sachinsawant02)


    hello i want to change my table font family to georgia with 13px size i add css but cant work in post work with only preview

    .tablepress tbody td {
    font-family: Georgia;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    }

    and i cant able to change header row colour

    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #3d85c6;
    }

    please help

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Please try using the !important flag to override some CSS in your theme:

    .tablepress tbody td {
      font-family: Georgia !important;
      font-size: 13px !important;
      font-weight: bold !important;
      color: #333333 !important;
    }
    
    .tablepress thead th,
    .tablepress tfoot th {
      background-color: #3d85c6 !important;
    }

    Regards,
    Tobias

    sorry But Not working with using the !important flag to override
    please check
    https://majhinaukari.online/bhc-recruitment/

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    All you might have to do is force-reload the page (Shift+Ctrl+R). You could also double-check in a private/incognito browsing window.

    Regards,
    Tobias

    yea its working i want to change font colour of 1st row in header

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    then just add something like

    color: #ffffff !important;
    

    to the second block of CSS 🙂

    Regards,
    Tobias

    i want to change only first header row font colour or row height to

    colour #ffffff
    height 15px

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    just use

    .tablepress thead th,
    .tablepress tfoot th {
    	background-color: #3d85c6!important;
    	color: #ffffff !important;
    	padding: 4px !important;
    }

    instead of what you have so far for the header row.

    Regards,
    Tobias

    I want to change header row font to Georgia

    I want to change header row font to Georgia
    and i want to change font size 13px of header row

    and change all table coloum and row text in bold with center align
    thanks,
    regards…

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    then why don’t you simply copy the CSS commands from the table body cells to the header part?

    .tablepress tbody td {
      font-family: Georgia !important;
      font-size: 13px !important;
      font-weight: bold !important;
      color: #333333 !important;
    	text-align: center !important;
    }
    .tablepress thead th,
    .tablepress tfoot th {
    	background-color: #3d85c6!important;
    	color: #ffffff !important;
    	padding: 4px !important;
    	font-family: Georgia !important;
    	font-size: 13px !important;
    	font-weight: bold !important;
    	text-align: center !important;
    }

    Regards,
    Tobias

    thanks for help last question sir

    change header font in lowercase for all tables

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    please also add

    text-transform: none !important;
    

    Regards,
    Tobias

    thnaks for help plugin is great working properly
    thanks TobiasBg

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

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

    Hi Tobias,
    I am very new to Tablepress. Sorry if my question is very basic..
    I have added 4 tables:
    .tablepress-id-1 tbody td {
    font-family: Tahoma;
    font-size: 12px;
    }

    .tablepress-id-2 tbody td {
    font-family: Tahoma;
    font-size: 12px;
    }

    .tablepress-id-3 tbody td {
    font-family: Tahoma;
    font-size: 12px;
    }

    .tablepress-id-4 tbody td {
    font-family: Tahoma;
    font-size: 12px;
    }

    The font size on table header and footer shows in bigger size. Could you please help.

    Please see below link:
    https://touristplacesinwayanad.com/package/ooty-kodaikanal-munnar-tour-package/
    Best Regards
    Sam

Viewing 15 replies - 1 through 15 (of 30 total)
  • You must be logged in to reply to this topic.