Home
Community Member
April 7, 2011
Offline
Hello Rick,
CSS frustrated. I am attempting to change the first row color(heading row) in the products table of the checkout page to a dark green (basically the row where the titles Product: Quantity: and Price are located.
website is tempearlebaum.info
The following is what I attempted. Your insight please.
.productcart.firstrow .table.productcart-tr.firstrow-td
{
background-color:#0D4001;
}
.productcart.firstrow .table.productcart_tr.firstrow_td
{
background-color:#0D4001;
}
.productcart.firstrow .table.productcart tr.firstrow td
{
background-color:#0D4001;
}
as well as
.productcart.firstrow
{
background-color:#0D4001;
}
Assistance please.
Cathy
November 8, 2009
Offline
The correct selector is -
.custom table.productcart tr.firstrow td
If you inspect the element in firebug you will see that the selector that has the background color in it is table.productcart tr.firstrow td. Simply add .custom to that and you can over ride the default styling.
Rick Anderson – WordPress Instructor
Community Member
April 7, 2011
Offline
Hello Rick,
This is what I added and it didn't work.
Any suggestions why?
.custom .table.productcart tr.firstrow td
{
background-color:#0D4001;
}
and
.custom.table.productcart tr.firstrow td
{
background-color:#0D4001;
}
Is there an issue with spacing between productcart tr. and firstrow td?
Cathy
November 8, 2009
Offline
Actually that's not what you did - you placed a period before table. the table tag is an element, the period indicates a class. Thus the period breaks the code. Look closely at the code I posted there and you'll see the difference.
Also, if you are using netbeans or some other error checking text editor it would have told you that you were making an error.
Rick Anderson – WordPress Instructor
Community Member
April 7, 2011
Offline
Hello Rick,
Thank you very much. That worked out perfectly.
What book or online website can you direct me to so I can better understand css structure and the proper usage of . periods or when not to use periods as in this case.
Thank you as always.
Cathy
November 8, 2009
Offline
Well - have you watched all of the new Customize Thesis Like a Pro series? If you watch both lessons 5 and 6 you should have a better handle on the whole question of elements, selectors and the arrangement of elements, classes and ids.
Lesson 5 - /video-tutorials/customize-thesis-like-a-pro/custom-body-classes/
Lesson 6 - /video-tutorials/customize-thesis-like-a-pro/inheritance-and-specificity/
Rick Anderson – WordPress Instructor
Community Member
April 7, 2011
Offline
Hello Rick,
Thank you for the video links, I will be watching them shortly.
Cathy
Community Member
April 7, 2011
Offline
Hello Rick,
I am watching your video's and when I get to Lesson 7 - Thesis Page Frameworks if I click on the green check mark I am told that this video is available. That goes for lesson 8 through 17 as well.
How do I access videos 8 through 17.
I think I get it. The rest of the Video's are in development yes?
Thanks as always,
Cathy
November 8, 2009
Offline
Yes that's right, they are in development. However if you use the new indexing system you will find plenty of content on the Thesis frameworks.
You can get to that content from the main menu video lessons -> Intermediate Tutorials -> Customizing Thesis
Rick Anderson – WordPress Instructor
Community Member
April 7, 2011
Offline
Thank you. This particular type of instruction is exactly what I need. The intermediate videos 1-6 are wonderful and am looking forward to reviewing the other material you just pointed me to this weekend.
Cathy
Most Users Ever Online: 228
Currently Online:
12 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Keith W Jones: 1444
Brian Tozer: 1004
Carolin: 984
Heidi Hafner: 509
John Cunningham: 423
Reece Morrel: 353
Newest Members:
saamkrish
volminFL
soundpilot
digitalaerolus
emma62755
sharonmarks
Forum Stats:
Groups: 8
Forums: 46
Topics: 7004
Posts: 34849
Member Stats:
Guest Posters: 6
Members: 6765
Moderators: 2
Admins: 2
Administrators: Rick Anderson, Rick Anderson
Moderators: Pierre Cote, Laura Nugent
