Portfolio item carousel

  • https://catharinejenkinsphotos.com/portfolio/environmental/

    The ‘Photo Galleries’ carousel under the portfolio item shows three items (I only have 4 portfolios) and there is a gap on the right. How do I get rid of this gap? I have tried everything.

    It used to show all 4 items but seems to have recently changed. I am happy to for it to have 3 items as the other portfolio item is the page itself but I would really like to spread the 3 items across the page.

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

  • This CSS should make them display in a row of 3 on that post. Try placing this CSS into Theme Options> Advanced Settings and let me know if it works for you:

    .postid-153 div#portfolio-carousel .tcol-ss-12 {
    width: 33% !important;
}

.postid-153 div#portfolio-carousel {
    max-width: 100%;
}

    -Kevin

    Thread Starter suecarroll

    (@suecarroll)

    Hi, thanks for your help. Unfortunately, that CSS didn’t have any effect (cleared cache etc)

    You’re missing a closing bracket in the media query above the CSS I provided. Try adding it in there and let me know if it works!

    -Kevin

    Thread Starter suecarroll

    (@suecarroll)

    I keep doing that!

    Thanks a lot, it worked

    Glad it worked! Keep practicing and you’ll get the hang of it soon! ??

    Thread Starter suecarroll

    (@suecarroll)

    ..on IE but not Chrome. Any ideas?

    Try this CSS instead:

    .postid-153 div#portfolio-carousel .tcol-ss-12 {
    width: 33% !important;
}

.postid-153 div#portfolio-carousel {
    max-width: 100%;
}

.postid-153 #carouselcontainer-portfolio .caroufredsel_wrapper {
    width: 100% !important;
}

    Keep in mind though, that this is a CSS hack and wont work for all applications. If you add anymore portfolio items to the carousel, it will break.

    Thread Starter suecarroll

    (@suecarroll)

    Thanks Kevin, and will bear that in mind

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Portfolio item carousel’ is closed to new replies.