Change background colour of header row

  • Resolved daniellewg

    (@daniellewg)


    8 years, 1 month ago

    Hi Tobias,
    Sorry to bother you. I’ve just downloaded your app and the responsive extension yesterday. I’m just having one small problem I’m hoping you can shed some light on.

    When I try to do a basic change of the background colour (like this

    .tablepress-id-4 thead th {
    background-color: #8AB91E
    }

    …. it is changing the font colour (not BG colour) of the whole table to the colour code I have put in.

    This is the link I’m working on https://www.whollygrail.com/kids-raglan-t-shirt/

    Could you shed any light on this for me?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This code is definitely not changing the font color.
    Unfortunately, I can’t really check what’s causing the issue that you are experiencing, as I don’t see the table on the page from your link, but just the Shortcode?

    Regards,
    Tobias

    Thread Starter daniellewg

    (@daniellewg)

    Sorry the link to that table broke when I installed one of the extensions. It’s fixed now so you should be able to see the table.

    Thread Starter daniellewg

    (@daniellewg)

    Tobias do you think it’s possible the app isn’t relating well to the theme we have? The above behaviour seems quite strange. And I’ve downloaded the responsive extension so we can view tables on mobile, but it’s a bit of a mess.

    I named the table like as below, and I tried all the mode options.
    [table id=5 responsive=scroll /]

    This is the table https://www.whollygrail.com/whollygrail-healing-matrix/ and it looks okay-ish in a browser (the text is coloured and isn’t as sharp as other pages), and if you open that link on your mobile it’s doesn’t seem to be adapting to the ‘scroll’ mode I’m using.

    Have you come across anything like this before?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    ah, now I can see the tables, thanks!

    Right now, the code that you posted in your first post does not have an effect at all. The reason is that table 4 does not use a “Table Head Row”. So basically, all rows are regular table body rows.
    They use a mix of the TablePress default styling and the theme’s CSS styling.
    Everything looks ok to me there. What exactly do you want to change now, regarding the overall styling?

    For the responsiveness on mobile devices for table 5:
    This does indeed not properly use the scroll mode of the TablePress Extension, but it uses a mode for responsiveness that comes from your theme (they basically stack the cells in a row on top of each other). This CSS code is in the minified file /wp-content/themes/whollygrail/dist/css/app.min.css.

    Regards,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change background colour of header row’ is closed to new replies.