Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Wordpress Theme CSS Expanding Width Help
Old 11-16-2010, 07:06 PM Wordpress Theme CSS Expanding Width Help
Junior Talker

Posts: 4
Name: Kevin Beeman
Trades: 0
I’ll be the first to admit I’m not very adept at CSS. So, I’ve changed everything I can think of in the Wordpress theme style.css file in order to change the standard Digg 3 column theme into one that is 1004 px wide and the sidebar and obar turn out correctly. I need the middle of the theme to be 620 px wide and the sidebar and obar to be at least 170 px wide or more.

My test website is breakfasthouse.net and any help will be greatly appreciated.
bizbee403 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-17-2010, 06:03 AM Re: Wordpress Theme CSS Expanding Width Help
Gakoyu Ojima's Avatar
Skilled Talker

Posts: 59
Location: Netherlands.
Trades: 0
Have you fixed it in the meantime already? I checked it, and it seems both the selectors .content and .obar have the widths you mentioned.
__________________
$gocore = new gakoyucore();
$con = mysql_connect($gocore->server, $gocore->username, $gocore->password) or die(mysql_error());
Gakoyu Ojima is offline
Reply With Quote
View Public Profile
 
Old 11-17-2010, 12:39 PM Re: Wordpress Theme CSS Expanding Width Help
Junior Talker

Posts: 4
Name: Kevin Beeman
Trades: 0
I've partly fixed it. I'm still not happy with the space between the main inside box and the sidebar and I'd like to push the sidebar over more to the right edge. My goal is to get two photos in the main wordpress theme side by side, one 280 px wide and the other 300 px wide without wrecking the rest of the design. Right now the right photo is 300 px wide and the left photo is 255 px wide which is as wide as I can go before the left photo drops down below the right photo.

Any help will be appreciated.
bizbee403 is offline
Reply With Quote
View Public Profile
 
Old 11-17-2010, 01:15 PM Re: Wordpress Theme CSS Expanding Width Help
Banned

Posts: 18
Name: alfred
Trades: 0
This theme was based around another Word Press theme, so it is well tested but I am sure that there will be some small changes along the way to make this theme a little better. This is my first free theme, so I have some things to learn I am sure.
alfred1 is offline
Reply With Quote
View Public Profile
 
Old 11-18-2010, 08:04 PM Re: Wordpress Theme CSS Expanding Width Help
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Ok, things to change:

Fix the width on the wrapper to:

Quote:
.wrapper {
float:left;
width:640px;
}
Change the width of the right sidebar column and adjust the margin:

Quote:
.sidebar, .obar {
float:left;
line-height:12px;
margin:0 15px;
width:150px;
}

Lastly, get rid of that awful table for the images in the center and just float the images, using margin to space them out.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-22-2010, 03:49 AM Re: Wordpress Theme CSS Expanding Width Help
Banned

Posts: 408
Name: mushget
Trades: 0
Code:
.sidebar, .obar { float:left; line-height:12px; margin:0 0 0 145px; width:170px; }
I haven't been able to find a way to see the line numbers in WP, so I copy the CSS code into Notepad++ and edit it there, then paste it back into WP.
Be sure to save a cope of the original somewhere first, of course.

Last edited by mushget; 11-22-2010 at 03:50 AM.. Reason: no
mushget is offline
Reply With Quote
View Public Profile Visit mushget's homepage!
 
Reply     « Reply to Wordpress Theme CSS Expanding Width Help
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.25596 seconds with 12 queries