Adding To Pages / Width Setting

To add a widget box in a single page, you can use the shortcode.

To set widths by percentage per individual widget is not currently something that could be achieved easily with this plugin. I’ll consider adding the class attribute which represents the column and row number of the element so that the user can adjust the style of individual widget item.

I’ve tried to think of how we could implement the functionality of col-span but I could not come up with a good idea for the syntax of shortcode parameter.

Get 1.0.8.6.

Now go to the Edit page and set a custom style at the bottom.

If you have 4 columns in a row and want to increase the width of the last one, do like this.

.element_of_4.responsive_column_widgets_column_3   {  width: 10.8%  }
.element_of_4.responsive_column_widgets_column_4   {  width: 36.8%  }

The 4 in .element_of_4 represents it’s for 4 columns. And 3 in .responsive_column_widgets_column_3 represents that it is the third one in a row.

By default, element_of_4 has width: 23.8%. If you increase one of it, you need to decrease the width from the other column items. In the above example, the third one has the value with 13% deducted and the fourth one has 13% increased. You have to balance them not to exceed 95.2% ( for 4 columns in a row ) of total.

Hope it helps.