Solved

Add vertical line to home page sidebar

Posted on 2013-02-05
4
593 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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
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 is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

786 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