WordPress.org

Forums

[resolved] Text Widget Overflow (8 posts)

  1. Sharon
    Member
    Posted 1 year ago #

    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 :)

  2. The Grey Parrots
    Member
    Posted 1 year ago #

    Are you talking about the image bellow the last post?

  3. Sharon
    Member
    Posted 1 year ago #

    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.

  4. Sharon
    Member
    Posted 1 year ago #

    - 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 :)

  5. The Grey Parrots
    Member
    Posted 1 year ago #

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

  6. Sharon
    Member
    Posted 1 year ago #

    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>
  7. The Grey Parrots
    Member
    Posted 1 year ago #

    Yes,

    Its there.

    </div>
    <hr/>

    This is the extra div

  8. Sharon
    Member
    Posted 1 year ago #

    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 :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags