Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1144579
Elated Slider With Thumbnails
Closed

Comments

  • Ivan Kavannagh started the conversation

    I'm fitting my website with Envato Read & Digest theme. Generally, it's all ok. But... I can't do the Elated Post Slider With Thumbnails because I couldn't get the right size for the featured image. I tried with the standard format 1920 x 1080 pixels, resizing all of them to this size. But... it didn't work again. How can I solve this problem? Which is the correct size for the pics for Elated Post Slider With Thumbnails ? Please, I'll be waiting for your tips asap. This website will be my only way for earn money for my survival.

  •  1,845
    Elated replied

    Hello there,

    Thank you for using our theme.

    You can resize tiny images to be same size using Custom Css below:

    li.eltdf-pswt-slide-thumb {
        height: 205px;
    } .eltdf-pswt-image {
        height: 100%;
    } img.attachment-readanddigest_landscape.size-readanddigest_landscape.wp-post-image {
        height: 100%;
    }

    and to make Large Images be same height and width using Custom Css below:

    li.eltdf-pswt-slide-thumb {
        height: 205px;
    }
    .eltdf-pswt-image {
        height: 100%;
    }
    img.attachment-readanddigest_landscape.size-readanddigest_landscape.wp-post-image {
        height: 100%;
    }
    li.eltdf-pswt-slide {
        height: 840px!important;
    }
    a.eltdf-pswt-link {
        height: 100%!important;
    }
    img.attachment-full.size-full.wp-post-image {
        height: 100%!important;
        width: 100%!important;
    }
    @media screen and (max-width: 600px){
        .eltdf-pswt-content {
            top: -120px;
        }
    }

    All provided codes needs to be pasted into Elated Options > General > Custom Css field https://www.screencast.com/t/UiwyqoXHwlI.

    Let us know if this solved issue.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • Ivan Kavannagh replied

    Hello there. All this passed time we've tried and tried. And although the original problem is solved,  We still have problems with the mobile screen (mobile telephone and tablets) of Envato Read & Diggest Theme, which show the pics of Elated Post Slider With Thumbnails  too much stretched (vertically). 

    I'm attaching some screens captures, but you could see them directly at: http://yachtingsouthamerica.com

    In the other hand, the desktop or notebook display, the main photo is showed larger and larger day by day, although I'm uploading all of them with a same size of 1024 x 687 pixels.

    I think that a theme so sofisticated as Read & Diggest couldn't have problems like these.

    Could you tell me how can I solve them  or what I'm doing wrong?

    Thanks a lot.

    Sincerely,

    Ivan Kavannagh

  •  1,845
    Elated replied

    Hello there,

    Thank you for writing in.

    You can revert changes that fixed height and width of the images in the slider using this Custom Css code that will make height be calculate automatically according to the images size. Just paste this Custom Css code into Elated Options > General > Custom Css field 

    .eltdf-pswt-holder .eltdf-pswt-slides .eltdf-pswt-slide{
        height: auto!important
    } li.eltdf-pswt-slide-thumb{
        height: auto!important;
    } @media screen and (max-width: 600px){
        .eltdf-pswt-content {
            top: 0px!important;
        }
    }

    Pleas e let us know if this solution satisfies your intentions on mobile screens and if you need any further customization please do not hesitate to ask us, and we will gladly help you.

    Please let us know if there is anything else we can do for you.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  •  2
    AndreaAusfet replied

    Thank you. Now it is working well. But i've another inquiry: 

    If I write codes in the Custom CSS field, is it like I write them in the head of my site?

    (I'm attaching the picture of the field I'm meaning)


  •  1,845
    Elated replied

    Hello,

    You should paste Custom Css code in Elated Options > General > Custom Css field since it is the field that we have integrated for Custom Css in order to easy override current, default theme's Css style. So, please use this field, since it is more safe.

    Please let us know if there is anything else we can do for you.

    Thanks.


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.