Add Overlay to all Text in Easy Slider

Hey vantagepointmg,

Thank you for the inquiry.

Have you tried selecting the “Framed” options in the Styling > Caption > Caption Positioning settings? If that is not what you’re looking for, you can also try this code in the Quick CSS field in order to apply a background to the caption container.

.slideshow_caption .slideshow_inner_caption {
    background: rgba(0,0,0,0.5);
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to ensure that the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the update.

We may need to login to the site in order to assist you further, please provide us with your login credentials by following these steps:

1. Install and activate the “Temporary Login Without Password” plugin. You can find it here.
2. Once activated, navigate to “Users > Temporary Logins” in the left-side menu.
3. Click on “Create New” to generate a temporary login.
4. Enter the email address for the account (you can use (Email address hidden if logged out) ) and select the highest possible role. Set the expiry date to around four days to ensure enough time for debugging.
5. Click “Submit” to create the temporary account.
6. In the private section, provide us with the URL that allows us to access the temporary login and assist you.

Please note that once your issue is resolved, you can remove the plugin. Alternatively, if you prefer not to use the plugin, you can manually create an admin user and share the login credentials in the “private data” field.

If you have any further questions or concerns, please let us know.

Best regards,
Ismael

Hi,
When I check the framed setting is working for the caption title:

the reason that it is not working for your caption content is because you have added a H3 tag in the caption that the element doesn’t expect, for this to work try this css:

.caption_framed .slideshow_caption .avia-caption-content h3,
.avia-caption .avia-caption-content h3 {
    background: #000;
    filter: alpha(opacity=80);
    background: rgba(0,0,0,.5);
    display: inline-block;
    margin: 0 0 1px;
    padding: 10px 15px;
}

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike