Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #627005

    I am putting a post slider element on a home page and I would like to see if I can add a custom css to get the following to occur:
    1. Have the Post Title and Read More link be on top (overlay) the thumbnail instead of below it.
    2. Add a color overlay to the post’s thumbnail on the slider.


    Hey themeforesttony,

    I’m not sure if that would be possible but send us a link to the page in question and we’ll have a look at it.

    Best regards,


    So here is how it currently looks:
    Post Slide Thumb Currently
    Here is what I am hoping to do:
    Post Slider Thumb Desired
    The idea to move the Title and read more onto the thumb and to add an overlay to whatevery the feautred image is or if no featured image, just to show the overlay.
    Dev URL is below.




    Thank you for the screenshots.

    Please add this in the functions.php file:

    // slide link
    add_action('wp_footer', 'ava_new_custom_script');
    function ava_new_custom_script(){
    <script type="text/javascript">
    (function($) {
        function b() {
    		$('.slide-entry').each(function() {
    			var content = $(this).find('.slide-content').detach();

    And the following code in the Quick CSS field:

    .slide-content {
        opacity: 0;
    .slide-entry:hover .slide-content {
        opacity: 1;

    Best regards,


    Wow. Would never have gotten that on my own.
    Currently the title now appears when I mouseover.
    How do I get it to be there in normal state?


    Ok I see how to make it static. Just need to get a default overlay instead of the icon. I will work on it but any clues are appreciated.



    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .fallback-post-type-icon {
        display: none!important;

    Best regards,


    I’m sorry but I noticed that the additional functions.php code has caused the color section that was above the post sliders and below the top full width slider to move below the footer.
    Any thoughts as to why?



    My bad. There’s an extra line in the script. Please remove the following:


    Best regards,


    I did and everything seems to be working on both issues.
    You mean you don’t remember every support ticket you handle? You’re actually human like the rest of us?
    Again thanks Ismeal for this time and all the others you have been of service. I am very grateful.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Move Post Slider Text Content Into Thumbnail’ is closed to new replies.