Thread: CSS borders

Results 1 to 3 of 3
  1. #1
    Join Date
    Feb 2008
    Posts
    53
    Plugin Contributions
    0

    Default 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.

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default 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.

  3. #3
    Join Date
    Feb 2008
    Posts
    53
    Plugin Contributions
    0

    Default 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!

 

 

Similar Threads

  1. Images on CSS Borders
    By MoreMana in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 25 Feb 2009, 07:27 AM
  2. mainpage without css borders - padding?
    By fulltilt in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Sep 2008, 03:57 PM
  3. CSS cell margins/borders - need help
    By ajhb in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 28 Aug 2008, 11:09 AM
  4. Use CSS to add borders
    By rookiedeveloper in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 26 Feb 2008, 03:17 AM
  5. css borders not expanding in IE
    By marie893 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 13 Jul 2006, 04:21 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg