CSS Help, getting images to line up horizontally, instead of vertically stacked.

  • Resolved naasirab

    (@naasirab)


    9 years, 10 months ago

    Hello, I was hoping someone could help me solve some CSS issues I am having with a plug in.

    I am using the WordPress Popular Post plugin and just added it to my header after widgetizing the area. I am having a hard time figuring out how to get the images/titles to line up horizontally instead of stacking on top of each other.

    I would also like to add some white space between each photo once everything is lined up horizontally.

    Thanks to anyone who can help!
    My site is here here

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter naasirab

    (@naasirab)

    Sorry, Link fail. My site is https://melperkins.com

    Thread Starter naasirab

    (@naasirab)

    I was able to figure it out! I’m no pro at this stuff, so it may be an easier or less messy way to go about this, but this is what I came up with.

    .wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 5px 0 0;
    border: none;
    }

    div#wpp-2.widget.popular-posts .wpp-list li {
    float: left;
    clear: none;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS Help, getting images to line up horizontally, instead of vertically stacked.’ is closed to new replies.