Adjusting column widths for widgets in the grid

I have a widget that is too small for col6, in the bottom2 position, I'd like to change this to col5 or col4, I don't see any settings for this anywhere.

I've looked at after.php which suggests that this is configured somewhere.

Where do I start?

Hi,

I'm sorry but I don't understand.
Widgets on the bottom 2 area are adjusted dynamically. If you have 3 widgets on this area, each widget takes 33,3% width, if you have 4 widgets - each have 25% and so on. (you can have max 6 columns).

Thanks Piotr,

Is it posible to set the first to 25% instead of 50% and the second to 75%?

Alternatively 33.3/66.6?

David

Yes, you can do it using CSS. Could you provide your site URL (here or via PM) with these widgets activated? Then I'll try to help you with that.

PM Sent

Hi,

I can see that you've solved the issue by adding the "half" class to the first widget, it's ok or you want another proportions of these two widgets?

Ah! is there a way to add quarter? Or a third?

Please add custom CSS class in your widget, instead of "half" i.e. "mysize"
and then, please add the following code into your css/override.css file (first enable this override option from Template Options -> Advanced tab):

Code: Select all

.col3.box.mysize.last2,
.col4.box.mysize.last2,
.col6.box.mysize.last2 {
   width: 25%;
}

.col3.box.mysize.last2 ~ .box.last2,
.col4.box.mysize.last2 ~ .box.last2,
.col6.box.mysize.last2 ~ .box.last2 {
   width: 75%;
}


here you can adjust the width values.

Perfect, thanks.

actually, I'm still not getting this...

... you've solved the issue by adding the "half" class to the first widget...

this is not something I've set, it's part of the theme.

Can you tell me where I can change this from half to mysize?

Instead of "half" please select "Custom CSS class" then additional field should be visible (Custom CSS class), type the

Code: Select all

mysize

class there.

Thanks Piotr but I'm still not seeing it. Where is the "half" being added from, I don't see a script that I can change.

Please check the attachment. On your widget, click "widget rules" button, then widget style "Custom CSS class" and change half into "mysize" that's all.