Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
WP E-Commerce attempting to edit product pages
Avatar
Catherine Mulhern
Jedi
Members

Community Member
Forum Posts: 130
Member Since:
April 7, 2011
sp_UserOfflineSmall Offline
1
May 11, 2011 - 11:55 am
sp_Permalink sp_Print

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

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
2
May 11, 2011 - 3:39 pm
sp_Permalink sp_Print

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.

Avatar
Catherine Mulhern
Jedi
Members

Community Member
Forum Posts: 130
Member Since:
April 7, 2011
sp_UserOfflineSmall Offline
3
May 11, 2011 - 4:53 pm
sp_Permalink sp_Print

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

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
4
May 11, 2011 - 6:16 pm
sp_Permalink sp_Print

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.

Avatar
Catherine Mulhern
Jedi
Members

Community Member
Forum Posts: 130
Member Since:
April 7, 2011
sp_UserOfflineSmall Offline
5
May 11, 2011 - 6:37 pm
sp_Permalink sp_Print

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

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
6
May 12, 2011 - 6:07 am
sp_Permalink sp_Print

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/

Avatar
Catherine Mulhern
Jedi
Members

Community Member
Forum Posts: 130
Member Since:
April 7, 2011
sp_UserOfflineSmall Offline
7
May 12, 2011 - 8:14 am
sp_Permalink sp_Print

Hello Rick,

Thank you for the video links, I will be watching them shortly.

Cathy

Avatar
Catherine Mulhern
Jedi
Members

Community Member
Forum Posts: 130
Member Since:
April 7, 2011
sp_UserOfflineSmall Offline
8
May 12, 2011 - 12:08 pm
sp_Permalink sp_Print

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

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
9
May 13, 2011 - 8:44 am
sp_Permalink sp_Print

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

Avatar
Catherine Mulhern
Jedi
Members

Community Member
Forum Posts: 130
Member Since:
April 7, 2011
sp_UserOfflineSmall Offline
10
May 13, 2011 - 9:07 am
sp_Permalink sp_Print

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

Forum Timezone: America/Los_Angeles

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