WordPress.org

Ready to get started?Download WordPress

Forums

Responsive Column Widgets
[resolved] Adding To Pages / Width Setting (3 posts)

  1. EarlSnappy
    Member
    Posted 1 year ago #

    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/

  2. miunosoft
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  3. miunosoft
    Member
    Plugin Author

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.