Remove text box from the 1st image only in a container background slideshow

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:

  1. Open the page with the slideshow in the Sitejet Editor.

  2. 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).

  3. Press Ctrl + J (or use the left-hand menu) to open the Code Editor.

  4. Select the CSS tab and add the following snippet (replace .your-slideshow-class with 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