Child theme CSS question

  • Resolved linguine999

    (@linguine999)


    14 years, 8 months ago

    Hi,
    I have created a child theme for the blue-grey-white theme and want to stop the child inheriting one of the table attributes?

    The parent theme css has the following:

    table, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    }

    I want to have different table background colors for different tables in my html so don’t want to set it at all in the CSS as I want to set them in the html of individual pages.

    Is there a way to just clear the background attribute?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Digital Raindrops

    (@adeptris)

    14 years, 8 months ago

    If you view the page source you will likeky find that the table has a class or is inside a div that you can reference, then you can just add styles, inline styles are not as efficient, so keep them to a minimum.

    Style.css

    .entry-content table {
	background: #f1f1f1;
}

.comment-content table {
	background: #e0e0e0;
}
.post-133 .entry-content table {
	background: #f1f1f1;
}

    Inline style HTML

    <table style="background:#e0e0e0;">

    HTH

    David

    Thread Starter linguine999

    (@linguine999)

    14 years, 8 months ago

    Thanks David, problem solved!
    Cheers
    Lin

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

The topic ‘Child theme CSS question’ is closed to new replies.