WordPress.org

Ready to get started?Download WordPress

Forums

Responsive Column Widgets
[resolved] Can't move widget width (10 posts)

  1. katiecoleslaw
    Member
    Posted 10 months ago #

    Hi there,

    Love this, but I can't quite get it to work for me.

    Here is the site

    The widgets are at the bottom. I can only get two of the widgets to change width, the archives and the search. The 'Label' section refuses to budge (I would ideally like the whole thing to be centered under the thumbnails).

    I've added this code to the css area but to no avail -

    .element_of_4.responsive_column_widgets_column_2 { width: 100.8% }

    Anyone know what I'm doing wrong?

    Thanks in advance!!

    http://wordpress.org/plugins/responsive-column-widgets/

  2. miunosoft
    Member
    Plugin Author

    Posted 10 months ago #

    In your case, it's better to use the col span feature rather than modifying CSS.

    You have three columns in one row, which is the default setting.

    Now set

    1-3

    in the Column Spans option. This makes the first item have three column spans.

    Hope this helps.

  3. katiecoleslaw
    Member
    Posted 10 months ago #

    Hi Miunisoft,
    Thanks for getting back to me.

    I tried adding 1-3 to the column span but nothing happened. I'm going crazy :-/

  4. miunosoft
    Member
    Plugin Author

    Posted 10 months ago #

    Since your body tag has min-width: 900px, maybe this is what you want,

    .responsive_column_widgets { max-width: 900px; }

    If not, I need to get more precise information what you want to achieve.

    For instance,

    The 'Label' section refuses to budge (I would ideally like the whole thing to be centered under the thumbnails).

    I need to know what the whole thing refers to.

    Also you would need to remove previously added custom CSS rules for the plugin if you have not.

  5. katiecoleslaw
    Member
    Posted 10 months ago #

    I'd like Label, archives, and the search to sit center underneath the thumnails on the front page. At the moment I can only style archives and the search.

    I tried adding .responsive_column_widgets { max-width: 900px; }
    but everything shifted to the left.

    Also, would I have to remove all CSS, even ones styling the text?

  6. miunosoft
    Member
    Plugin Author

    Posted 10 months ago #

    I'd like Label, archives, and the search to sit center underneath the thumnails on the front page.

    I really don't get what you are trying to achieve. If you don't need columns, just set 1 for the Columns option.

    Also, would I have to remove all CSS, even ones styling the text?

    It is recommended to start from the beginning as you seem to have messed up the style of the plugin. To be clear, remove the CSS rules you added to modify the plugin's layout, not the theme's.

  7. katiecoleslaw
    Member
    Posted 10 months ago #

  8. miunosoft
    Member
    Plugin Author

    Posted 10 months ago #

    I see.

    Maybe this works

    .responsive_column_widgets .responsive_column_widgets_box { max-width: 900px }
    .responsive_column_widgets_column { text-align: center; }

    or

    .responsive_column_widgets .responsive_column_widgets_box { max-width: 900px }
    .responsive_column_widgets_column {
    	margin-left: auto;
    	margin-right: auto;
    }
  9. katiecoleslaw
    Member
    Posted 10 months ago #

    Great, it worked. Thank you :)

  10. miunosoft
    Member
    Plugin Author

    Posted 10 months ago #

    You're welcome!

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.