Home Forums Art WordPress Theme Hiding previous/next image – Slider Carousel BM Content Builder

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #20871
    Miguel
    Participant
    Purchased
    Supported

    Hi,

    I am using a the Slider carousel of BM Content Builder for my portfolio elements, like the one you have in this demo:

    https://art.seatheme.net/portfolio2/ux-portfolio/slider-b/

    Would it be possible with CSS to hide all of the previous / following images, and just display the active one?

    That would be necessary only in Desktop, not for the mobile.

    Thanks in advance,

    #20873
    SeaTheme
    Keymaster
    Purchased

    Hi,
    Thank you for purchasing our theme.

    It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:

    .owl-carousel .owl-item {
        visibility: hidden;
    }
    .owl-carousel .owl-item.active.center {
          visibility: visible;
    }

    But it will the whole website, you could use the page/post ID like:

    .postid-3191 .owl-carousel .owl-item {
        visibility: hidden;
    }
    .postid-3191 .owl-carousel .owl-item.active.center {
          visibility: visible;
    }

    https://seatheme.net/forums/topic/how-to-find-wordpress-postpage-id/

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #20947
    Miguel
    Participant
    Purchased
    Supported

    Thank you!
    This works perfect and makes a very clean slider in combination with the fluid height.
    In my case I use the Slider Carousel for all portfolio items – and no other Slider Carousel in the site, so is fine for all posts.
    Have a nice day,

    #20953
    Miguel
    Participant
    Purchased
    Supported

    Hi,
    I just realized that with this custom CSS, no image will be shown in Tablet in portrait mode (768×1024 or 1024×1366).

    for Slider like in https://art.seatheme.net/portfolio2/ux-portfolio/slider-b/

    Does it happen only to me?

    • This reply was modified 1 month, 3 weeks ago by Miguel.
    #20954
    Miguel
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #20956
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please update the Custom CSS(the above post) as:

    @media (orientation: landscape) {
     .owl-carousel .owl-item {
        visibility: hidden;
     }
     .owl-carousel .owl-item.active.center {
          visibility: visible;
     }
    }

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #20964
    Miguel
    Participant
    Purchased
    Supported

    Thanks! Now the slides will display again in tablet portrait mode.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!