Include logo in slider

Hey Antonio,

Thank you for the inquiry.

You can include the image as part of the slider caption.

<img class="av-slide-logo-image" src="IMAGE URL">

Then use this css code to place it on the top right corner of the slider.

.av-slide-logo-image {
    position: absolute;
    top: 50px;
    right: 50px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this script in the functions.php file to append the logo image to the parent caption container.

// custom Enfold scripts
function ava_custom_script()
{
    ?>
    <script>
       (function($) {
            $(document).ready(function() {
                $(".av-slide-logo-image").each(function() {
                    var logo = $(this);
                    var container = logo.parents(".caption_container");

                    logo.appendTo(container);
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script', 10);

Best regards,
Ismael

Hi,

Thank you for following up.

Did you also add the css code? Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code, and make sure to purge the cache.

.responsive #top .caption_container .av-slide-logo-image {
    position: absolute !important;
    top: 100px;
    right: 50px;
    margin: 0 !important;
    left: auto !important;
}

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard