CSS knowledgeable people, could you help?

Hello dear friends,

I've been running Wordpress locally in one of my computers, for the sole purpose of placing my notes in an offline blog, rather than just be writing them down in powerpoint, etc., because I wanted to create categories, etc. Well, an offline blog just made all the sense, and I've accomplished to make it work.

Now, my problem is about the theme that I picked (Actually, pretty much every theme has the same problem.), which the left column (the main one, where articles are placed) is just too small, considering I plan to add images I'm creating.

Unfortunately, and mostly because I can't afford to learn extra stuff right now, I have no single knowledge about CSS. So, I'm asking if any of you could give me a hand here.

The theme I've chosen is i2theme (http://www.mangoorange.com/resources/i2theme/). From the image, I believe that it was the one I was looking for, considering that it seemed to have a very large space to write and place big images. I was wrong.

This is the style.css code

For me, to try and see what could work out (If I was lucky enough!) would be like looking for a needle... you know the rest.

So, if any of you could help me out... I'd be so thankful.


Thank you

 

Hi i'm no expert, but i do know that CSS is better/safer than Active Scripting etc. So i applaud you for using it, if only more people would.

Here's a few www's which might be useful to you.

http://www.cssplay.co.uk/

http://www.w3.org/Style/CSS/

http://www.grc.com/menudemo.htm

All the best

 

Code:

/* ------------------------------------- main content area */
#left-col {
width: 100%   [b][color=red]<----Error here     [/b][/color]
float: left;
margin-top: 11px;
}

Can't say for sure and don't know how sensitive an error would be in this theme but you do have an error at the location above. I know errors in Firefox can cause unpredictable things at and below the point of the error.

 

@ StevieO

Thank you for those links. With time, I'll be learning about about CSS. As of now, unfortunately I don't have that much time to "waste" on new learnings.

@ JRViejo

The #wrapper width resizing worked out pretty well. I would had never figured it out, since I'd believe I'd have to change values within the left column settings. I'd never reach a result on my own.

Now, I'm just trying to figure out how to enlarge a little bit the area of right side bar. All I could do so far, was to move the green circles more to the right. lol

Thank you.

@ Greg S

My guess is as wild as yours... But, I've seen other themes also having widths set in %. Is that the error, the %? Shouldn't a width be like that?

 

Yes, width can be like that but it's looking for the end of that value but instead of a ; it's finding float which is on the next line meaning the 100% is dropped. The ; is left out causing the error. It should be

Code:

/* ------------------------------------- main content area */
#left-col {
width: 100%;
float: left;
margin-top: 11px;
}

 

I see. I believe I was the one letting it like, after trying to change the width of the left column, to see if it would enlarge it.

I'll put it back.

Thank you.

 

That's what I had done. All it did was to move the green circle in the sidebars more to the right. No biggie. Was just so that the text would be more extended, but is ok.

 

Yes, and the more I mess with it, the more I understand CSS just a bit. With time I'll learn more about it. It never hurts to know just a little something more.


Thank you for your help.