CSS borders

Locked
Results 1 to 3 of 3
This thread is locked. New replies are disabled.
25 Apr 2010, 10:35
#1
blue_grape avatar

blue_grape

New Zenner

Join Date:
Feb 2008
Posts:
53
Plugin Contributions:
0

CSS borders

I need more help with the borders around certain pages.

I changed the

FIELDSET {
padding: 0.5em;
margin: 0.5em 0em;
border: 1px solid #cccccc;
}

to the color I wanted, however it didn't change all the borders to my color. Stevesh helped me with the login and contact us borders by telling me to add the code below

#loginDefault fieldset {border-color:#ebd483}
#contactUsDefault fieldset {border-color:#ebd483}

It worked. Now I find additional pages that needs to border color changed but I don't know the code I need for each page.

The pages that still have the wrong color border as as follows;

On the My Account Pages
Forgot Password
My Account Information
Address Book Entries
My Password
Product Notifications

On the Checkout Pages
Shipping Information
Payment Information

Can anybody help me with the code I need to add to the css file for the above border pages.

Thank you.
25 Apr 2010, 11:29
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Posts:
19,793
Plugin Contributions:
2

Re: CSS borders

Same idea throughout - #checkoutShipping fieldset, etc.

The easiest way to figure out what is where is by installing the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. A very handy tool.
25 Apr 2010, 11:48
#3
blue_grape avatar

blue_grape

New Zenner

Join Date:
Feb 2008
Posts:
53
Plugin Contributions:
0

Re: CSS borders

Thank you again Stevesh. I will download the Web Developer plugin. It's the id names I'm having trouble working out so this tool should help a lot.

Thank you again for taking the time you help me. I really appreciate it!