[Mike]

Hey guys,

Im looking on adding a text overlay box over the Slider on my site. I have tried the code from this thread:

https://catchthemes.com/support-forum/topic/full-frame-pro-front-page-image-slider/

But I couldent get it to work. Do I add this code under “Additional CSS code” in the Customizer?

I would like to have a transparent box with the text thats on the main page, so I can keep the main page clean.

Thanks for the help!

[Mike]

This is a photoshop of what im looking for.

[Mike]

[Mahesh]

@analog2112: Checked your site, currently you don’t have any content in the slider just images. Please add the content first then go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.main-slider .entry-container {
    background-color: rgba(35, 35, 35, 0.4);
    border-radius: 5px;
}

Regards,
Mahesh

[Mike]

Got it thanks! Im sure the whole thing can move as well. Just would like it lower. Im assuming the container is the key?

[Mahesh]

@analog2112: Add the following CSS:

.slider-contents {
    top: 60%;
}

Note: You can adjust the value as desired.

Regards,
Mahesh

[Author]

Posts