Title: Adding To Pages / Width Setting
Last modified: August 20, 2016

---

# Adding To Pages / Width Setting

 *  Resolved [EarlSnappy](https://wordpress.org/support/users/earlsnappy/)
 * (@earlsnappy)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-to-pages-width-setting/)
 * Hi, can the widget be added to a single page, and can widths be set by percentage?
   I.e. I want 4 columns on one row, but, I want them to be of different widths (
   I want the fourth column to be a lot wider than the other three, thanks, Earl
 * [http://wordpress.org/extend/plugins/responsive-column-widgets/](http://wordpress.org/extend/plugins/responsive-column-widgets/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [miunosoft](https://wordpress.org/support/users/miunosoft/)
 * (@miunosoft)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/adding-to-pages-width-setting/#post-3606206)
 * 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.
 *  Plugin Author [miunosoft](https://wordpress.org/support/users/miunosoft/)
 * (@miunosoft)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/adding-to-pages-width-setting/#post-3606310)
 * Get [1.0.8.6](http://downloads.wordpress.org/plugin/responsive-column-widgets.1.0.8.6.zip).
 * 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.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Adding To Pages / Width Setting’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/responsive-column-widgets_e9dbdb.
   svg)
 * [Responsive Column Widgets](https://wordpress.org/plugins/responsive-column-widgets/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/responsive-column-widgets/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/responsive-column-widgets/)
 * [Active Topics](https://wordpress.org/support/plugin/responsive-column-widgets/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/responsive-column-widgets/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/responsive-column-widgets/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [miunosoft](https://wordpress.org/support/users/miunosoft/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/adding-to-pages-width-setting/#post-3606310)
 * Status: resolved