Widgets size correctly but won’t sit on same row

  • Resolved digboston

    (@digboston)


    5 years, 6 months ago

    Widget will only sit one per row even through I have both sized at 1/2 one sits on top of the other.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Alexis J. Villegas

    (@ajvillegas)

    Hi @digboston,

    The issue is with line 1021 in your main stylesheet (style.css) in your theme. The Featured Content widget area is clearing the floats for all elements inside and is breaking the layout.

    Comment line 1021 (clear: both;) in style.css to look like this:

    .featured-content {
    /* clear: both; */
    overflow: hidden;
}

    This should fix the issue. Also you assigned “1/3” to the first widget, but “1/2” to the second. Make sure the fractions add up to one so the layout doesn’t break. The second widget should be “2/3” for it to work as expected, or both “1/2” as stated above.

    Let me know if this works for you.

    Thread Starter digboston

    (@digboston)

    So, I fixed the problem by changing the CSS from the above to the below

    .featured-content {
    clear:both;
}

.featured-content {
    clear:none;
}
    • This reply was modified 5 years, 6 months ago by digboston.
    • This reply was modified 5 years, 6 months ago by digboston.
    • This reply was modified 5 years, 6 months ago by digboston.
    Thread Starter digboston

    (@digboston)

    Thanks Alexis,

    Figured it out the same time you posted…

    Appreciate the response!

    • This reply was modified 5 years, 6 months ago by digboston.
    Plugin Author Alexis J. Villegas

    (@ajvillegas)

    I’m glad you got it to work! Good luck with the site.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widgets size correctly but won’t sit on same row’ is closed to new replies.