Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 2, 2025 at 3:58 am #1492010
    photographie-tous-azimuts

    Hi,

    I want to display the title and cation of an Easy Slider below the images on this page, with title on the right at 25% width and caption on the left at 75% width. I tried code from other threads with the same topic to no avail.

    I did set “liste-recette” as a custom CSS class for my Easy Slider element. I did successfully hide the slideshow controls with the following CSS:

    div.liste-recette div.avia-slideshow-controls {
	display: none;
}

    I tried code from other threads with the same topic but, after several hours hammering on that, I can’t figure out the correct CSS to make it work.

    Best regards,
    Serge

    December 2, 2025 at 5:45 am #1492011
    photographie-tous-azimuts

    Hi,

    Nailed it! We need to set overflow visible to both ul.avia-slideshow-inner and li.avia-slideshow-slide. Here is the complete CSS:

    div.liste-recette div.avia-inner-caption h2.avia-caption-title {
	font: inherit;
	color: black;
	background: none;
	line-height: 1.2;
	padding-left: 0;
	padding-right: 0;
}
div.liste-recette div.avia-caption-content p {
	color: black;
	background: none;
	line-height: 1.2;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}
div.liste-recette ul.avia-slideshow-inner {
    margin-bottom: 100px;
    overflow: visible;
}
div.liste-recette li.avia-slideshow-slide {
    overflow: visible;
}
div.liste-recette div.av-slideshow-caption {
    bottom: -90px;
    width: 100%;
    padding: 0;
    left: 0;
}

    Best regards,
    Serge

    December 2, 2025 at 7:37 am #1492021
    Ismael

    Hi,

    Great! Glad you figured it out. Feel free to open another thread if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Easy Slider title and caption below images’ is closed to new replies.