Pics in horizontal row in footer

  • Good evening,
    I use Zerif theme “ResponsiveBoat” and I want my instagram pics in footer to be in horizontal orientation. Now they are vertical. My website is – https://www.leading.su. Thanks a lot!
    Unfortunately I couldn’t find answer to directly my question here.

    Ruslan

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Scott (@scottsweb)

    (@scottsweb)

    Very similar to the last support question (https://www.ads-software.com/support/topic/reduce-gaps-between-images/). Try adding the following custom CSS:

    
.instagram-pics {
    list-style: none;
    margin: 0;
    padding: 0;
}

.instagram-pics li {
    margin: 0;
    float: left;
    padding: 0;
    width: 25%;
}

.instagram-pics img {
    display: block;
}

    Hello,

    I have tried a lot now, including searching through similar topics, but with no positive results. I truly hope you can answer this.

    https://bryllup.thelostcause.co/

    As you can see at the above link, in the footer, it’s just all over the place. What am I doing wrong?

    Try with this CSS instead:

    .footer_sidebar ul.instagram-pics {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_sidebar ul.instagram-pics li {
    margin: 0;
    float: left;
    padding: 0;
    width: 12.5%;
}
.footer_sidebar ul.instagram-pics li a {
	padding: 5px;
}
.footer_sidebar ul.instagram-pics li a:hover:before,
.footer_sidebar ul.instagram-pics li a:before {
	content: none;
}

.footer_sidebar ul.instagram-pics img {
    display: block;
}

    Thanks!

    fskogsrud

    (@fskogsrud)

    That did the trick, but when moving the plugin to “Footer one column” the custom css did not work anymore..?

    https://bryllup.thelostcause.co/

    Would you know why?
    Thanks

    deliciousthemes

    (@deliciousthemes)

    It turns out you don`t have the widget in the footer anymore.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Pics in horizontal row in footer’ is closed to new replies.