Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 09-07-2012, 08:23 PM   PM User | #1
mrniceguy
New Coder

 
Join Date: Aug 2012
Posts: 27
Thanks: 1
Thanked 0 Times in 0 Posts
mrniceguy is an unknown quantity at this point
How Do I Make This Column Wider?

Hi! I'm trying to expand the width of this main/left column on this site.


Here's a link to my style.css code at pastebin:


I've figured out that increasing the width of the following sections within the style.css has the following effects:


right sidebar #content - shifts left column right
right sidebar #main - moves left border of right column to the right
right sidebar #content .col2 - moves left column to the left
right sidebar #secondary - move banner of right column to the left


But I'm having trouble figuring out what changes the width of the left/main column.
I selected this section of the page using Firebug, and as you can see, it points to the right sidebar #content .col2 section of the style.css.



As I mentioned above, modifying the width of this section moves the left/main column to the right and left, but it doesn't actually modify the width of it.

How do I expand the width of this section?
mrniceguy is offline   Reply With Quote
Old 09-07-2012, 08:32 PM   PM User | #2
Sammy12
Registered User

 
Join Date: Jun 2011
Posts: 1,063
Thanks: 12
Thanked 241 Times in 240 Posts
Sammy12 is on a distinguished road
Change fright to fleft on the "main column" or the column that contains "Our Free Report Tells You..."



Now you can change the width of the main column (col2):

On line 210 of style.css:
Code:
.right-sidebar #content .col2 {
     width: 447px; /* increase this */
}
If these aren't the changes you were looking for, describe what the "main/left columns" are.
There are a lot of columns. Let us know what is in these specific columns.

Best Regards,
Sammy12

Last edited by Sammy12; 09-07-2012 at 08:36 PM..
Sammy12 is offline   Reply With Quote
Old 09-07-2012, 09:15 PM   PM User | #3
mrniceguy
New Coder

 
Join Date: Aug 2012
Posts: 27
Thanks: 1
Thanked 0 Times in 0 Posts
mrniceguy is an unknown quantity at this point
Quote:
Originally Posted by Sammy12 View Post
Change fright to fleft on the "main column" or the column that contains "Our Free Report Tells You..."
I'm having difficulty finding that code in my php and stylesheet files.

From your screenshot, it looks like you correctly identified the column I'm speaking of.
mrniceguy is offline   Reply With Quote
Old 09-07-2012, 09:19 PM   PM User | #4
mrniceguy
New Coder

 
Join Date: Aug 2012
Posts: 27
Thanks: 1
Thanked 0 Times in 0 Posts
mrniceguy is an unknown quantity at this point
I searched my files for the word "fright" but I've been unsuccessful in finding it.

Are you sure it's possible to find it? I thought I was told before that CSS generates html; is it possible that you're referring to html that's generated from CSS and/or php files?
mrniceguy is offline   Reply With Quote
Old 09-07-2012, 09:59 PM   PM User | #5
mrniceguy
New Coder

 
Join Date: Aug 2012
Posts: 27
Thanks: 1
Thanked 0 Times in 0 Posts
mrniceguy is an unknown quantity at this point
I figured this one out. Thanks for your help!
mrniceguy is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 09:44 AM.


Advertisement
Log in to turn off these ads.