Hi,
I am using a responsive website to make a site which is here - http://rwgraphicdesign.com/Smith/index2.html
What I want to do is have the last column ONLY, which lists the locations the Dr. performs exams at, to have a different background color. I have tried a bunch of different things but nothing unless it changes all the column backgrounds. Any help?

Recommended Answers

use td:last-child in css

Jump to Post

I noticed that the div that contains the list of locations has a class assigned called "lightcontainer".

Why dont you just modify the CSS file (css/responsivegridsystem.css), line 488 and update the background color there...

.lightcontainer 
{
    background: #f90105;
    padding-left:5px;
    padding-top:5px;
}
Jump to Post

All 5 Replies

use td:last-child in css

How exactly do I do that?

I'm using columns and not tables so that wouldn't work would it?

I noticed that the div that contains the list of locations has a class assigned called "lightcontainer".

Why dont you just modify the CSS file (css/responsivegridsystem.css), line 488 and update the background color there...

.lightcontainer 
{
    background: #f90105;
    padding-left:5px;
    padding-top:5px;
}

Looks like you figured it out on the site.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.