Support » Plugin: Widgets on Pages » Need help shortening width of widget

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author toddhalfpenny

    (@toddhalfpenny)

    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

    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.

    Plugin Author toddhalfpenny

    (@toddhalfpenny)

    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.

    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.

    Plugin Author toddhalfpenny

    (@toddhalfpenny)

    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.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Need help shortening width of widget’ is closed to new replies.