Change color of top bar

  • Resolved toodles53562

    (@toodles53562)


    2 years, 8 months ago

    Hello,
    Can you provide me some CSS to change the top bar of the table?
    I’ve tried all different CSS code that I have found in the comments, but nothing is working.
    https://freshex.org/fresh-bites/
    Also, how do I get the columns to be different sizes so they fit the words better.
    I am using this code but again, it’s not working.
    .tablepress .column-1 {
    width: 20%;
    }
    .tablepress .column-2 {
    width: 40%;
    }
    .tablepress .column-3 {
    width: 40%;
    }

    Thank you!

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Please try the “Custom CSS” code from https://tablepress.org/faq/change-background-color-table-head-row/
    Note that you might have to clear/flush the cache of your caching plugin, as that’s doing CSS minification and concatenation.

    The widths CSS is working from what I can see, you’ll just have to tweak the numbers more. Note that I don’t recommend to use the global .tablepress selector here, as that would influence all TablePress tables on your site. Instead, use
    .tablepress-id-1 to have this only apply to this particular table.

    Regards,
    Tobias

    Thread Starter toodles53562

    (@toodles53562)

    Thank you for your response.
    This is what I used for CSS and after flushing cache serveral times, none of these changes are showing up

    .tablepress thead th,
.tablepress tfoot th {
	background-color: #d31b5d;
	color: #ffffff;
}

    .tablepress-id-1 .column-1 {
    width: 30%;
    }

    .tablepress-id-1 .column-2 {
    width: 35%;
    }

    .tablepress-id-1 .column-3 {
    width: 35%;
    }`

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    the TablePress Custom CSS file has properly filled with this, but it seems like your CDN is still returning an older version of the cached/minified CSS file. Can you maybe flush/update the CDN as well?

    Regards,
    Tobias

    Thread Starter toodles53562

    (@toodles53562)

    Thank you!!!

    Thread Starter toodles53562

    (@toodles53562)

    Amazing support on this plugin!!

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change color of top bar’ is closed to new replies.