Results 1 to 8 of 8
  1. #1
    Join Date
    Feb 2009
    Posts
    14
    Plugin Contributions
    0

    Default Creating a dashed line between Side Box and Middle Box

    Hi There,

    I'm just wondering how I would go about creating a similar look to the dashed line between the side box and middle box like I found on this Zen Cart website has anyone got any ideas?

    http://www.naturalsoap.com.au/shop/

    Thank you in advance

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Creating a dashed line between Side Box and Middle Box

    Quote Originally Posted by scouting82 View Post
    Hi There,

    I'm just wondering how I would go about creating a similar look to the dashed line between the side box and middle box like I found on this Zen Cart website has anyone got any ideas?

    http://www.naturalsoap.com.au/shop/

    Thank you in advance
    Sc,
    Sure you can...
    Edit your_template/ stylesheet.css

    Add this following declaration to the sheet...

    #navColumnOne {
    border-right: 2px dotted #acd58a;
    }
    1. change the red font above to any color you like

  3. #3
    Join Date
    Feb 2009
    Posts
    14
    Plugin Contributions
    0

    Default Re: Creating a dashed line between Side Box and Middle Box

    Thank you very much - worked perfectly.

  4. #4
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Creating a dashed line between Side Box and Middle Box

    Sc,
    You are most welcome, glad I could help you on gain knowledge on the old stylesheet.css

  5. #5
    Join Date
    Feb 2009
    Posts
    14
    Plugin Contributions
    0

    Default Re: Creating a dashed line between Side Box and Middle Box

    Hi again,

    Apologies for being a pain in the neck but is there a way to make the line connect from the footer bar all the way to where my header bar is

    my web address is http://elitehorsewear.com/store and as you may notice there is a tiny gap for the dotted line at the top but it connects at the bottom - I was hoping to have it connect both ends.

    Thank you in advance

  6. #6
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Creating a dashed line between Side Box and Middle Box

    Quote Originally Posted by scouting82 View Post
    Hi again,

    Apologies for being a pain in the neck but is there a way to make the line connect from the footer bar all the way to where my header bar is

    my web address is http://elitehorsewear.com/store and as you may notice there is a tiny gap for the dotted line at the top but it connects at the bottom - I was hoping to have it connect both ends.

    Thank you in advance
    Sc,
    you will half to add the following declaration to the your_template/ stylesheet.css

    #headerWrapper {height: 155px;}

  7. #7
    Join Date
    Feb 2009
    Posts
    14
    Plugin Contributions
    0

    Default Re: Creating a dashed line between Side Box and Middle Box

    Just wanted to say a quick thank you for all your help.

  8. #8
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Creating a dashed line between Side Box and Middle Box

    Sc,
    You are most welcome, glad I could help you with your little project..

    Nice site by the way.
    Happy Zenning!!!

 

 

Similar Threads

  1. Minimal Space Between Bottom Side Box and the Footer?
    By zcnb in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 24 Aug 2008, 11:26 PM
  2. White space between Header Logo and Top of Side Box
    By xman888 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 28 Jan 2008, 08:43 AM
  3. Remove Space between left side and middle part
    By vr4indian in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 25 Nov 2006, 01:33 PM
  4. Adding a Space Between footer and Side box
    By Darkwander in forum General Questions
    Replies: 3
    Last Post: 13 Sep 2006, 08:48 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