Support » Fixing WordPress » Text Widget Overflow

  • Resolved Sharon

    (@bilby238)


    Hi all,

    I’m using Graphene theme and am having a problem with a sidebar widget. I’ve inserted some html into the widget to display images and links but only two of these stay in the sidebar. The rest overflow into the page itself.

    I can’t fathom this. Can anyone help? Link to Site.

    Cheers 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • Are you talking about the image bellow the last post?

    Hi there,

    Thank you so much for getting back to me. This problem has me beat!!

    I’m referring to the Text widget in the sidebar with the title of “Popular Smoothie Recipes”. It’s showing two images in there, but there should be six. The reamaining four have somehow overflowed from the widget into the sidebar.

    – Broccoli Pear Grape Smoothie
    – Beet Apple Smoothie with Strawberry and Coconut
    – Watermelon Strawberry Spinach Smoothie

    Should all be in the widget. sorry, that’s only five, I know. I took the other one out as I was testing to figure out what is wrong 🙂

    It seems to me some improper closing of </div> tag. Can you kindly check that.

    Hi there,

    Thanks so much for helping me with this. I did check that earlier and I made some changes but it didn’t seem to make any difference. Here’s the full code I’m using:

    <div class="my-entry">
    </div>
    <div class="my-image">
    <a href="http://juiceandsmoothierecipes.com/apple-oatmeal-walnut-smoothie-recipe/" title="Apple Oatmeal Walnut Smoothie Recipe"><img src=" http://juiceandsmoothierecipes.com/wp-content/uploads/2013/10/Apple-Oatmeal-and-Walnut-Smoothie_med.jpg" width="60" height="60" alt="Apple Oatmeal Walnut Smoothie Recipe" style="float: left;"></a>
    </div>
    <div class="my-content"><a href="http://juiceandsmoothierecipes.com/apple-oatmeal-walnut-smoothie-recipe/">
    Apple Oatmeal Walnut Smoothie Recipe</a>
    </div>
    </div>
    <hr/>
    
    <div class="my-entry">
    </div>
    <div class="my-image">
    <a href="http://juiceandsmoothierecipes.com/strawberry-kiwi-banana-smoothie/" title="Strawberry Kiwi Banana Smoothie"><img src=" http://juiceandsmoothierecipes.com/wp-content/uploads/2013/11/Strawberry-Kiwi-and-Banana-Smoothie_med.jpg" width="60" height="60" alt="Strawberry Kiwi Banana Smoothie" style="float: left;"></a>
    </div>
    <div class="my-content"><a href="http://juiceandsmoothierecipes.com/strawberry-kiwi-banana-smoothie/">
    Strawberry Kiwi Banana  Smoothie</a>
    </div>
    </div>
    <hr/>
    
    <div class="my-entry">
    </div>
    <div class="my-image">
    <a href="http://juiceandsmoothierecipes.com/broccoli-pear-grape-smoothie/" title="Broccoli Pear Grape Smoothie"><img src=" http://juiceandsmoothierecipes.com/wp-content/uploads/2014/01/Broccoli-Grape-Pear-Smoothie_med.jpg" width="60" height="60" alt="Broccoli Pear Grape Smoothie" style="float: left;"></a>
    </div>
    <div class="my-content"><a href="http://juiceandsmoothierecipes.com/broccoli-pear-grape-smoothie/">Broccoli Pear Grape Smoothie</a>
    </div>
    </div>
    <hr/>
    
    <div class="my-entry">
    </div>
    <div class="my-image">
    <a href="http://juiceandsmoothierecipes.com/beet-apple-smoothie-strawberry-coconut/" title="Beet Apple Smoothie with Strawberry and Coconut"><img src="http://juiceandsmoothierecipes.com/wp-content/uploads/2013/12/Beet-Apple-Smoothie-with-Strawberry-and-Coconut_med.jpg" width="60" height="60" alt="Beet Apple Smoothie with Strawberry and Coconut" style="float: left;"></a>
    </div>
    <div class="my-content"><a href="http://juiceandsmoothierecipes.com/beet-apple-smoothie-strawberry-coconut/">Beet Apple Smoothie with Strawberry and Coconut</a>
    </div>
    </div>
    <hr/>
    
    <div class="my-entry">
    </div>
    <div class="my-image">
    <a href="http://juiceandsmoothierecipes.com/watermelon-strawberry-spinach-smoothie/" title="Watermelon Strawberry Spinach Smoothie"><img src="http://juiceandsmoothierecipes.com/wp-content/uploads/2014/02/Watermelon-Strawberry-with-Mint_med.jpg" width="60" height="60" alt="Watermelon Strawberry Spinach Smoothie" style="float: left;"></a>
    </div>
    <div class="my-content"><a href="http://juiceandsmoothierecipes.com/watermelon-strawberry-spinach-smoothie/">Watermelon Strawberry Spinach Smoothie</a> </div></div>

    Yes,

    Its there.

    </div>
    <hr/>

    This is the extra div

    Oh, thank you so much. I’m just starting to learn html so it’s sometimes a little hard to know what to look for.

    I’m very grateful for your help.

    Enjoy your day 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Text Widget Overflow’ is closed to new replies.