Widgets not lining up correctly

  • Resolved Todd O’Rourke

    (@torourke)


    8 years, 5 months ago

    You’ll notice I am attempting to use one-third for three custom html widgets, but they’re not lining up correctly. I have to place the third widget as “none” just so that it appears on the same row as the other two.

    Oddly enough, I used one-third for a second row a little further down the page and all three widgets are working beautifully.

    Any idea as to where I am messing up?

    https://thecontent.group/

    Thanks,

    Todd

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jory Hogeveen

    (@keraweb)

    8 years, 5 months ago

    Hi @torourke

    When looking at the CSS I see that the margins are not correct for this widget area:

    
@media (min-width: 896px)
.front-page-3 .widget {
    margin-left: 0;
    margin-right: 2.5641%;
}

    These styles overwrite the column styles. One thing you could do is overwrite those styles again with the column classes in your theme but then prefixed with that widget area.
    Hope this helps!

    Regards, Jory

    • This reply was modified 8 years, 5 months ago by Jory Hogeveen.
    Thread Starter Todd O’Rourke

    (@torourke)

    8 years, 5 months ago

    @keraweb

    Thank you for getting back to me so quickly. I got it to look the way I intended thanks to you.

    Have an awesome day,

    Todd

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Widgets not lining up correctly’ is closed to new replies.