Add a small text box to bottom left in Banner Slideshow

On 5/19/2024 at 4:52 PM, AmeliaJ said:

Hello I have a full Banner slideshow as my home page and need to add a © credit line to the bottom left corner of one of the slides: Slide 2, pic attached '1.jpg') It needs to match the style used on the Production page, pic also attached '2.png'. I've used custom code to animate the slideshow, so naturally the caption would have to move with the slide, locked in bottom left for all screen devices. Does any one know if this is possible please? Thanks for your time.

https://www.ameliaandco.com
password is: 2020four

Thanks for your time.

You can try the following custom css

section[data-section-id="653014878b7c3756cbb92aea"] .list-item .slide-media-container:after{
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
}

section[data-section-id="653014878b7c3756cbb92aea"] .list-item:first-child .slide-media-container:after {
  content: '‘Our Work’ : © Credit in here.';
}

section[data-section-id="653014878b7c3756cbb92aea"] .list-item:nth-child(2) .slide-media-container:after {
  content: '‘Our Work’ : © Credit in here.2';
}

section[data-section-id="653014878b7c3756cbb92aea"] .list-item:nth-child(3) .slide-media-container:after {
  content: '‘Our Work’ : © Credit in here.3';
}

section[data-section-id="653014878b7c3756cbb92aea"] .list-item:nth-child(4) .slide-media-container:after {
  content: '‘Our Work’ : © Credit in here.4';
}

section[data-section-id="653014878b7c3756cbb92aea"] .list-item:nth-child(5) .slide-media-container:after {
  content: '‘Our Work’ : © Credit in here.5';
}

My testing

Let me know how it works on your site