Forums

CSS column spacing

Permalink
I am using the theme Fluidity and I would really like to change the width %'s of some columns, and also right justify some blocks as well as change the background of some other blocks. I am very "newbie" but am willing to do some reading if someone can point me in a direction...
Thanks
 
bcarone replied on at Permalink Reply
bcarone
Your best bet SiteQwester is to take a look at your main/style.css file. It should have what you need. Most information is pretty easy to understand.

I haven't used that theme before.

Look for your content areas. A lot of times the width of the column area are listed in there.

Edited:

Downloaded the theme. Check your #page .*column area about line 61 and you should be able to adjust the column there.
SiteQwester replied on at Permalink Reply
this is the css for Fluidity:
***********************************************

/*------Columns: Note they dont add up to 100%, this is intentional to avoid problems!----------*/

#page .fullcolumn { float: left; width: 99.5%; padding:5px} /* Full width column for a one column site */

#page .halfcolumn { float: left; width: 48%; padding:10px} /* Half width column for a two column site. */

#page .onethirdcolumn { float: left; width: 31%; padding:10px } /* One third width column for a three column site */

#page .quartercolumn { float: left; width: 24.5%; padding:10px } /* One quarter width column for a four column site */
***********************************************

I'm sorry, but not sure how to change individual columns for #page .onethirdcolumn ??

I did find a css example to illustrate what I am looking to do at the following website...http://glish.com/css/7.asp

but not sure how to implement it in Fluidity.
Thanks