Results 1 to 7 of 7
  1. #1
    Join Date
    Jul 2006
    Location
    Manitoba, Canada
    Posts
    36
    Plugin Contributions
    0

    Default Remove grey border around center section

    I was able to remove the grey border around my header, logo and footer but how do I remove it from the sides of the main area, you can see it when the page loads and I want to remove it.

    You can see it at http://www.scribblescrap.com/cart


  2. #2
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Remove grey border around center section

    Remove it from these two sets of styling in your stylesheet_new.css
    #navColumnOne {
    padding: 0.5em;
    border-left: 1px solid #cccccc;
    }
    #navColumnTwo {
    padding: 0.5em;
    border-right: 1px solid #cccccc;
    }
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  3. #3
    Join Date
    Jul 2006
    Location
    Manitoba, Canada
    Posts
    36
    Plugin Contributions
    0

    Default Re: Remove grey border around center section

    That worked, thank you very much.


  4. #4
    Join Date
    Jul 2005
    Posts
    11
    Plugin Contributions
    0

    Re: Remove grey border around center section

    how do you remove the grey borders from everything? the header, the main navigation?...everything. i suspect its in a css file, but which one?

    thanks!!

  5. #5
    Join Date
    Mar 2006
    Location
    Los Angeles
    Posts
    287
    Plugin Contributions
    3

    Default Re: Remove grey border around center section

    if you are using a custom template based on template_default, then you need to edit the stylesheet.css file

  6. #6
    Join Date
    Jul 2006
    Location
    Manitoba, Canada
    Posts
    36
    Plugin Contributions
    0

    Default Re: Remove grey border around center section

    To remove the border around the main nav area you need to edit stylesheet_new.css.

    From this:

    #navColumnOne {
    padding: 0.5em;
    border-left: 1px solid #cccccc;
    }
    #navColumnTwo {
    padding: 0.5em;
    border-right: 1px solid #cccccc;
    }

    To This:

    #navColumnOne {
    padding: 0.5em;
    /* border-left: 1px solid #cccccc;*/
    }
    #navColumnTwo {
    padding: 0.5em;
    /* border-right: 1px solid #cccccc;*/
    }



    All the other borders are in stylesheet_original.css and I just added /* before and */ after every place it said border. When you add /* before and */ after any line it will exclude that command. It is better to do it this way so if you change your mind you can just remove the /**/ and you can use that line again without having to remeber what you deleted.

    Hope this helps.

    Dana

  7. #7
    Join Date
    Jul 2005
    Posts
    11
    Plugin Contributions
    0

    Default Re: Remove grey border around center section

    okay i got that figured out! thanks.
    but now how do i remove the borders from around the header and the footer areas? i cant seem to find anything in the css files.

    thanks!

 

 

Similar Threads

  1. remove border around around images (not image border)
    By Otha in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 23 Aug 2010, 06:03 AM
  2. adding border around all center section
    By fastdc5 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Mar 2009, 02:58 PM
  3. Creating border around the middle section of Site
    By sfklaas in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 Apr 2008, 08:47 AM
  4. Border around center categories box
    By kittycat in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 17 Jun 2007, 11:33 PM
  5. Border around center content on all pages
    By Empire402 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 1 Feb 2007, 01:02 AM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR