Greetings,
How do I prevent the carousel from sliding up all black when honvering. in the first screen shot, the back bar is what I want to keep.
In the second shot, when hovering, it goes all black. What code can I use to keep just the bar? Also, how do I get rid of the caption when hovering with the black wording.
I appreciate your help
Hello @PhotographerPC,
Thanks for writing in!
That is the default behaviour of the Post Titlte in the Carousel. It is using this custom-built CSS in the default Ethos stack.
.x-post-carousel.unstyled .entry-cover:hover .h-entry-cover {
top: -8em;
}
If you want to retain the position of the semi transparent post title bar, setting the top: 0em; will do it. You can add the override CSS in Custom Code > Global CSS:
Hope this helps.
I applied the custom code Ruenel and that did not achieve what I wanted. Upon hover, even with the custom CSS set to top: 0em, upon hover it is still all black. Any other thoughts?
Hello @PhotographerPC,
To help you with your concerns we need to check your settings, I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details
You can find the Secure Note button at the bottom of your posts
Thanks
I sent the secure note as requested.
Hello @PhotographerPC,
Please have it updated to calc(100% - 4em) instead of using 0em. This should keep the same position as the active state.
Thanks.
Thank you. That achieved what I wanted. I appreciate your help.
