• Resolved wefrank

    (@wefrank)


    Hi, I’ve tried every code I can find, cleared cache, turned off cache plugin, and even watched a youtube tutorial and am still not sure what to do. I want my header text to be white. Can you please help? Here’s the code I have in there right now which works on hover, but not for just the standard header sitting there:

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

    .tablepress thead .sorting_asc,
    .tablepress thead .sorting_desc,
    .tablepress thead .sorting:hover {
    background-color: #303030;
    color: #ffffff;
    }

    .tablepress td {
    vertical-align: middle;
    }

    Thank you in advance! I feel so dumb- it it something with Divi? I’ve even tried adjusting the heading tags in the text block I put the table in but no luck.

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

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

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    This is in principle “just” a conflict of the CSS code that the theme adds. To solve this, we’ll just need to use a higher CSS selector specificity.

    For that, please try again with this “Custom CSS”:

    .entry-content .tablepress thead th,
    .entry-content .tablepress tfoot th {
      background-color: #262938;
      color: #fff
    }

    for the first block of code in your CSS.

    Regards,
    Tobias

    Thread Starter wefrank

    (@wefrank)

    Number one, THANK YOU for getting back to me so quickly, that is amazing. And Number two, THIS WORKED!! Thank you- I was going crazy trying to figure out the recipe for making this happen. Thanks for this awesome plugin!

    Thread Starter wefrank

    (@wefrank)

    Ok now another quick question, any idea why, despite checking to allow horizontal scroll, it won’t horizontal scroll? is that another weird divi thing? Thanks!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    you are very welcome!

    The Horizontal Scrolling is working fine for me. Make sure to test on a smaller screen (so that scrolling is actually needed), and please also test in a “private”/”incognito” browser tab or a different browser (so that you are logged-out of WordPress, just a like a normal site visitor). Otherwise, when testing as a logged-in user, the JavaScript code from the theme and other plugins can interfere.

    Best wishes,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Divi Theme, can’t change header text’ is closed to new replies.