Results 1 to 9 of 9
  1. #1
    Join Date
    Jan 2011
    Posts
    4
    Plugin Contributions
    0

    css problem Borders around sideboxes and center boxes

    Been reading and trying to add borders around sideboxes plus center boxes. Everything i changed to add borders did not work and my web tools says there is no errors in the css. My web site is thecornerstore.us if anybody could help it would be appreciated.

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Borders around sideboxes and center boxes

    Your template structure is in standard form, so you can use the standard selectors like
    .leftBoxContainer, .rightBoxContainer {border: 1px solid #aabbcc;}
    or
    .sideBoxContent {border: 1px solid #aabbcc;}
    to affect all of the sideboxes.

    What exactly did you try that didn't work?

  3. #3
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: Borders around sideboxes and center boxes

    .sideBoxContent {
    border-right: Xpx solid #XXXXXX;
    border-left: Xpx solid #XXXXXX; }

    .leftBoxContainer, .rightBoxContainer {
    border-bottom: Xpx solid #XXXXXX; }

    Not sure on the center box.

  4. #4
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: Borders around sideboxes and center boxes

    I really need to work on my typing speed.

  5. #5
    Join Date
    Jan 2011
    Posts
    4
    Plugin Contributions
    0

    Default Re: Borders around sideboxes and center boxes

    Quote Originally Posted by gjh42 View Post
    Your template structure is in standard form, so you can use the standard selectors like
    .leftBoxContainer, .rightBoxContainer {border: 1px solid #aabbcc;}
    or
    .sideBoxContent {border: 1px solid #aabbcc;}
    to affect all of the sideboxes.

    What exactly did you try that didn't work?
    this is what i have

    h3.leftBoxHeading, h3.rightBoxHeading {font-size: 1.3em;color: #444;padding-top:5px;background-color:#eceaea;}
    h3.leftBoxHeading a, h3.rightBoxHeading a{font-size: 1.0em;color: #444;}
    .leftBoxHeading, .rightBoxHeading {margin: 0em;background-color:#eceaea;height:15px;padding: 0.5em 0.2em;color:#3b1910;border-top:2px solid #d2cece;border-left:2px solid #d2cece;border-right:2px solid #d2cece;border-bottom:2px solid #d2cece;}

  6. #6
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: Borders around sideboxes and center boxes

    Quote Originally Posted by bigman_daddy2001 View Post
    this is what i have

    h3.leftBoxHeading, h3.rightBoxHeading {font-size: 1.3em;color: #444;padding-top:5px;background-color:#eceaea;}
    h3.leftBoxHeading a, h3.rightBoxHeading a{font-size: 1.0em;color: #444;}
    .leftBoxHeading, .rightBoxHeading {margin: 0em;background-color:#eceaea;height:15px;padding: 0.5em 0.2em;color:#3b1910;border-top:2px solid #d2cece;border-left:2px solid #d2cece;border-right:2px solid #d2cece;border-bottom:2px solid #d2cece;}
    What you have is wrong. Look for the ones he noted in his post. If, for some reason, they don't exist, create them.

  7. #7
    Join Date
    Jan 2011
    Posts
    4
    Plugin Contributions
    0

    Default Re: Borders around sideboxes and center boxes

    ok i see were i made the mistake and got the borders for the side boxes working. What about the center boxes. Not sure what to edit there.

  8. #8
    Join Date
    May 2010
    Location
    WA State
    Posts
    1,678
    Plugin Contributions
    3

    Default Re: Borders around sideboxes and center boxes

    I think adding this to your stylesheet might work:

    .centerBoxWrapperContents { border: Xpx solid #XXXXXX; }

  9. #9
    Join Date
    Jan 2011
    Posts
    4
    Plugin Contributions
    0

    Default Re: Borders around sideboxes and center boxes

    Quote Originally Posted by RescoCCC View Post
    I think adding this to your stylesheet might work:

    .centerBoxWrapperContents { border: Xpx solid #XXXXXX; }
    thanks that did the trick. you guys are awesome and keep up the good work.

 

 

Similar Threads

  1. v150 Custom sideboxes and center boxes
    By nightshadow in forum General Questions
    Replies: 8
    Last Post: 10 Aug 2013, 03:27 PM
  2. Wrapping text around image, and borders not working in IE
    By timmyneal in forum Templates, Stylesheets, Page Layout
    Replies: 15
    Last Post: 11 Nov 2009, 08:49 AM
  3. Attribute Borders and Center
    By CoolCarPartsOnline in forum Setting Up Categories, Products, Attributes
    Replies: 10
    Last Post: 11 Oct 2008, 02:29 AM
  4. black line that borders the sideboxes, new and featured product boxes
    By colemanpa in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 27 Jan 2008, 11:05 PM

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