Solved

Add vertical line to home page sidebar

Posted on 2013-02-05
4
602 Views
Last Modified: 2013-02-05
I have a site here, http://www.kitchensofdenver.com/ and want to add a vertical line on the home page to the left of the home page form like you see on the internal pages.  How would I adjust the css to accommodate that so that it repeats?
0
Comment
Question by:COwebmaster
  • 2
  • 2
4 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 38855835
Line 651 of your style.css sheet has this:

#content-area {
    background: url("images/sidebar-bg.png") repeat-y scroll 660px 0 transparent;
}

Open in new window


On your home page you could give the #top container the same background.
#top {
    background: url("images/sidebar-bg.png") repeat-y scroll 300px 0 transparent;
    border-bottom: 0 solid #FFFFFF;
    padding-top: 20px;
}

Open in new window


Then remove the background from #home-top
0
 

Author Comment

by:COwebmaster
ID: 38855971
Okay I tried that but it placed the vertical line on the far left from top to bottom.

I would like a vertical line to the left of the contact form on the home page only. Any suggestions for that?
0
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 38856167
Add the background to the #home_table and you should be good.

 #home_table{background: url("images/sidebar-bg.png") repeat-y scroll 660px 0 transparent;}

Open in new window


But please try to remove all the tables in your layout. It's very bad practice, horrible markup and non-semantic.
0
 

Author Closing Comment

by:COwebmaster
ID: 38856328
That worked, thanks!
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In order to have all security and back ups taken care of, WordPress users can sign up for services with WP Engine.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question