WordPress.org

Ready to get started?Download WordPress

Forums

Widgets on Pages
[resolved] Need help shortening width of widget (7 posts)

  1. jnorton1089
    Member
    Posted 1 year ago #

    Hi,

    I have successfully configured a widget using this plugin onto a page on my site, but I can't figure out how to align it correctly with my text. The page I'm trying to work with is http://www.newlifebiblestudies.org/unlearnedandignorantmen/. Could someone please point me in the right direction? The top area on my page is where I'm wanting to align the text to the right of my categories widget. Thanks in advance!

    http://wordpress.org/extend/plugins/widgets-on-pages/

  2. toddhalfpenny
    Member
    Plugin Author

    Posted 1 year ago #

    Hey,

    If I understand correctly you could add something like this to the bottom of your theme's style.css file and then tweak as you see fit;

    div.widgets_on_page {
      margin-left : 20px;
    }

    Todd

  3. jnorton1089
    Member
    Posted 1 year ago #

    Todd - thank you for the quick response. I tried pasting that into my style.css file but didn't notice a change. And if I click F12 in IE and select the widget, I still see the widget as expanding to the width of the page. Is there something else that you know of I might need to do in order for the CSS code to work? I haven't had a ton of experience with CSS so I'm afraid I might be missing something obvious.

  4. toddhalfpenny
    Member
    Plugin Author

    Posted 1 year ago #

    Ah sorry, I misread you original post.

    Which piece of that page is it you want to adjust the width of? From what I can see it's only the categories listing that is in the widget.

  5. jnorton1089
    Member
    Posted 1 year ago #

    No problem :)

    What I want to do is have the text on the top section of the page, to the right of the widget. But the widget is expanding all the way to the end of the page, so even though in my page I have the short code right next to my text, it is bumping the text down beneath the entire widget.

  6. toddhalfpenny
    Member
    Plugin Author

    Posted 1 year ago #

    Aha! Gotcha...

    Right you'll need to add something like this

    div.widgets_on_page {
      margin-left : 20px;
      width: 200px;
      float: left;
    }

    You may also need to add a width and float to the next text if you want that to sit in a nice column to the right rather than just wrap around the widget.

    Please let me know how you get on.

  7. jnorton1089
    Member
    Posted 1 year ago #

    Thank you very much, that worked out really well. I appreciate all your help!!!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.