Home › Forums › Art WordPress Theme › Hiding previous/next image – Slider Carousel BM Content Builder
- This topic has 6 replies, 2 voices, and was last updated 9 months, 1 week ago by
Miguel.
- AuthorPosts
- April 9, 2020 at 4:40 pm #20871
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,
April 10, 2020 at 2:15 am #20873Hi,
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.net – Twitter – Facebook
April 15, 2020 at 5:01 pm #20947Thank 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,April 16, 2020 at 12:39 am #20953Hi,
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?
April 16, 2020 at 12:40 am #20954This reply has been marked as private.April 16, 2020 at 2:09 am #20956Hi,
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.net – Twitter – Facebook
April 16, 2020 at 10:41 am #20964Thanks! Now the slides will display again in tablet portrait mode.
- AuthorPosts
- You must be logged in to reply to this topic.