Stuck on Adjusting Custom layout area column widths,

[madpirate]

I am assuming that these have not been dealt with yet, I searched and couldnt find any topics that match...

I have two issues that are completely stumping me, they are great features, one from Suffusion from another Theme I have been comparing with , (putting it and Suffusion together would result in Custom Theme Creation perfection for noobs like I and I ) Anyhoo, so here are my issues

1. When I set up a custom page layout, we have the option to set up 1 ,2,3,4 5 etc columns , what we dont seem to be able to do is custom set the column widths ie 1, [ 1/2 / 1/2] [3/4 / 1/4] [2/3 / 1/3] [4/5 / 1/5] and so on...
I am after using the various Custom layouts with 0 sidebars and then being able set the column widths ........ so my widgets size to the columns...........


2. The other one allows me to set column widths from full to 6/6ths

Any code ideas as to how I can solve issue one with Suffusion would be greatly appreciated as it is my preferred Theme
Thanks in advance

[Colin]

This can be easily done with some custom CSS.

Just identify the widget area name and then set a width in custom css at Suffusion Options > Back-end > Custom Includes > Custom Styles.

With a URL I will be able to give you a starting point.

[madpirate]

thanks Colin http://www.airporttransfersqld.com.au the right widgetneeds to (col 2 in the custom layout area 2) needs to be about 190px

[sayontan]

See the layout here: http://aquoid.com/news/themes/suffusion/. As Colin said, this is possible with a little bit of Custom CSS. I wrote about how I got the layout: http://aquoid.com/news/2012/02/a-new-lo ... heme-page/

[madpirate]

Hi Santoyan thank you for the link there, Ummm okay so I hereby title myself as captain dumb-ass -- I looked at the code and still cant work it out,

Seems to be where I want to be just cant figure out how the
#suf-featured-posts-3 { width: 650px; }

part would need to be adjusted to work with what I want to do,
<div id="black-studio-tinymce-3" class="widget_black_studio_tinymce cl-widget" style="margin-left: 0px; margin-right: 7px; height: 710px; ">

#suf-widget_black_studio_tinymce cl-widget {width: 780px; } seems like it should be what I want but it doesnt change ---- DOH!!

Soz this is probably easier than blinking for you guys, but its taken me hours to get nowhere --- noob disease much research but not understanding the answer..

[drake]

Your widgets are identified by their ID's, you don't need more than that. Try to add at Suffusion Options -> Backend -> custom Includes -> Custom Styles:

Code: Select all

#black-studio-tinymce-3 {width:780px;}
#black-studio-tinymce-5 {width:200px;}

(Also make note that an element can inherit characteristics from more classes, separated by spaces in html declaration, but you still need to address them correctly in CSS - so #suf-widget[...] cl-widget {definitions} means nothing, a correct construction can be #suf-widget[...] .cl-widget {definitions} - but isn't correct anyway because that "thing" even don't exist in your markup: "#suf-widget_black_studio_tinymce")

[madpirate]

Fantastic, that eventually did the trick, It took me a while to figure out that my previous custom CSS declaration was missing a closing } which obviously prevented the CSS from running ---------- works a charm , great Theme and great support, thanks for your patience while my dumb old ass learns some new tricks

[madpirate]

Again thanks guys, it was right in front of me, and I was doing the ravenous bugblatter beast of traal thing with it