Hi, are you able to help me to style my Post Sliders on multiple pages in the same way the Projects Portfolio on my home page is styled? eg. With the title pop up over image on mouseover instead of underneath the image and remove the separator under the post title?
Hey (Email address hidden if logged out) ,
Thank you for the inquiry.
Where did you add the post slider? We cannot find it in the home page.
You can adjust the position of the post slider content and move it over the image, but it might overflow when the title and the excerpt are long.
.slide-content {
position: absolute;
top: 0;
padding: 15px;
}
We recommend using the Masonry element instead of the post slider.
Best regards,
Ismael
Hey, the slider is on this page and a c ouple of others: https://stephfox.net/ferrycarrig/roads-rail/
That code didn’t really do what I wanted it to.
As an alternative is it possible just to reduce the text size and remove the separator line underneath the portfolio item title?
Thanks
Steph
Hi Steph,
Please try this CSS instead:
.avia-content-slider h3.slide-entry-title a {
font-size: 16px;
}
.avia-content-slider .av-vertical-delimiter {
display: none;
}
Best regards,
Rikard
That’s perfect, thank you Rikard!