• Resolved bronsonoquinn

    (@bronsonoquinn)


    Note the lines on the table in this post:
    https://accents-publishing.com/blog/2014/07/08/the-gate-by-eric-scott-sutherland/
    I have put the following css into the stylesheet of my child theme and am still getting weird lines:

    table{
    	border-width: 0px;
    	border-spacing: 0px;
    	border-style: none;
    	border-color: white;
    	border-collapse: collapse;
    	background-color: white;
    }
    table th {
    	border-width: 0px;
    	padding: 0px;
    	border-style: none;
    	border-color: white;
    	background-color: white;
    }
    table td {
    	border-width: 0px;
    	padding: 0px;
    	border-style: none;
    	border-color: white;
    	background-color: white;
    }

    Despite this code, I still have the weird lines. Any suggestions would be appreciated.

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The issue has to do with CSS specificity. The CSS rules in the parent theme use .entry-content table {}, which is considered more specific and therefore takes precedence. You could add .entry-content before each of your entries in your child theme’s stylesheet: .entry-content table {}, .entry-content table th {}, and .entry-content table td {}.

    Thread Starter bronsonoquinn

    (@bronsonoquinn)

    Thanks so much, Stephen! That solved the issue.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Table borders still showing up despite style declarations’ is closed to new replies.