A simple HTML Table has a default style that cannot be changed

  • froughtz

    (@froughtz)


    5 years, 4 months ago

    So whenever I try to create a normal table with HTML, no matter what I do, it always has a selection box when I hover over any row in the table, and oddly enough, I can’t change odd rows color (it has a default greyish color) but I can change the even rows color.

    Any help appreciated!

    • This topic was modified 5 years, 4 months ago by froughtz.
    • This topic was modified 5 years, 4 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • phillcoxon

    (@phillcoxon)

    5 years, 4 months ago

    Hi @froughtz,

    You’re likely going to need to provide more information before someone can help you.

    Are you using the Gutenberg editor or another page builder? Are you using a table plugin? Are you able to provide a link to a screenshot so that people visiting this support thread can see what is happening?

    Thread Starter froughtz

    (@froughtz)

    5 years, 4 months ago

    I’m using Hello Elementor Theme and Elementor Page builder. I discovered that the problem of this is the theme’s style.css and style-min.css

    Here’s an example:

    If you hover over any element in the table, you will get a selection that changes the background color, and the odd rows in the table are colored and even though I set the color of the odd rows, it doesn’t override the theme’s odd row colors.

    So to wrap it up:
    1-There is a hover over on the table that I don’t want
    2-Can’t override odd rows’ background colors but can change the even ones.

    • This reply was modified 5 years, 4 months ago by Jan Dembowski.
    mark l chaves

    (@mlchaves)

    5 years, 4 months ago

    Hi @froughtz,

    I inspected your source. I think your table was built using WP Table Builder.

    E.g.

    
<tr class="wptb-row" style="background-color: rgb(255, 255, 255);">
  <td class="wptb-cell" data-x-index="0" 
    style="border-width: 1px; 
    border-style: solid; 
    border-color: rgb(224, 224, 224); 
    width: 100px;">
...

    Have you looked at their documentation to see how to style your rows?

    Thanks!

    • This reply was modified 5 years, 4 months ago by mark l chaves.
    Thread Starter froughtz

    (@froughtz)

    5 years, 4 months ago

    Yes they have an option to style odd and even rows and that’s why I said I can style them but only the even ones apply. But regardless of the plugin, when I create a normal HTML table the same thing happens, so it’s not related to the plugin

    • This reply was modified 5 years, 4 months ago by froughtz.
    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    5 years, 4 months ago

    Looking at your site, you are an Elementor Pro user. The author can’t have a conversation with customers here. That’s not permitted for anyone.

    For pro or commercial product support please contact the author directly on their site. This includes any pre-sales topics as well.

    As the author is aware, commercial products are not supported in these forums. I am sure they will have no problem supporting you there.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘A simple HTML Table has a default style that cannot be changed’ is closed to new replies.