• Resolved jphipps

    (@jphipps)


    On this page in the sidebar – http://rooftops.com, I have a blue background that I cannot eliminate with CSS as it must be getting specified elsewhere.

    The text “AST Shapecutting Services” has a blue background that should not be there.

    According to Firebug, this code is causing the issue:

    .tablepress tfoot th, .tablepress thead th {
    background-color:#D9EDF7;
    font-weight:700;
    vertical-align:middle;
    }

    I cannot find where this is being set. When I try to put in custom CSS taking out the background color, it is apparently overridden…

    Thanks.

    https://ww.wp.xz.cn/plugins/tablepress/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    That’s defined in the TablePress default CSS. All header rows get that light blue background color by default. To override it, you can simply use some “Custom CSS”, see e.g. https://tablepress.org/faq/change-background-color-table-head-row/

    Regards,
    Tobias

    im having the same issue. I enter custom css in the Plug in options,save and it goes back to the default after I refresh the page.

    using the Avada theme, w Firefox developer browser.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    I’m not sure what you mean. In your “Custom CSS”, I can only see the comment

    /*Dont add css styling here. Doesnt work. Add it to the Theme Appearance Custom CSS*/

    at the moment. I therefore assume that someone has turned off the TablePress “Custom CSS” on the server?

    Or what exactly is the problem that you are facing?

    Regards,
    Tobias

    my css mods weren’t having any effect when added to the plug in options, so I added them to the Theme Custom CSS instead and it worked (this theme’s child mods).

    This must be something particular with the Avada theme. I added the comments so that anyone after me will know what to do. The tables turned out nicely with a mix of css and html in the cells:
    http://22f.526.myftpupload.com/sizing-chart/
    Later at http://www.curvecure.com/sizing-chart/

    If I could make the rows a little thinner, I would but thank you for your attention.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    ok, the reason for that might then simply be that the theme also applies CSS code to tables, but with a higher priority. Usually one then just has to find more direct CSS selectors.
    Using the “Custom CSS” area of the theme will however also work.

    To reduce the row height, you’d have to remove the margin from the list elements. For that, please replace your current TablePress “Custom CSS” with

    .tablepress ul {
    	margin: 0;
    }

    Regards,
    Tobias

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Header background elimination’ is closed to new replies.