Hello, it has been a while I do not show up.
I am working in a project where I’ve created a container background slideshow with anothe TEXT container that show an specific messages to all the images, I would like to remove this text box from the 1st image only and keep the text to the rest of images.
Googleing this matter I found a CSS code that supposed to do the job (I believe), however or I am adding the IDS in the wrong place or incomplete because the results doesn’t show up.
I do appreciate any help someone could provide.
The project # is: 1687350
The code and instructions found on google is:
How to hide the text on the 1st slide:
-
Open the page with the slideshow in the Sitejet Editor.
-
Click on the container with your background slideshow and note its Element ID or Class (you can view this by checking the breadcrumbs at the bottom of the screen).
-
Press
Ctrl + J(or use the left-hand menu) to open the Code Editor. -
Select the CSS tab and add the following snippet (replace
.your-slideshow-classwith your specific slideshow’s class or#your-slideshow-id): [1]
css
/* Hide text and text box on the first slide only */
.your-slideshow-class .slick-slide:first-child .your-text-box-class {
display: none !important;
}
My changes that did not work at all:
.ed-699667151 .slick-slide:first-child .ed-699667154 { display: none !important; }
Kindest Regards to all.
Paulo Lopes