Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1299773

    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?

    #1300050

    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

    #1300211

    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

    #1300519

    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

    #1300844

    That’s perfect, thank you Rikard!

    #1301116

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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