Okay
  Public Ticket #1080475
testimonials slider
Closed

Comments

  •  2
    Allison started the conversation

    Hello Tahir,

    For the testimonials slider (I have added this as an element and shortcode as not sure which gives to most editable options) can you please help with the following:

    1) the speechmark icon is off centre. Not sure how this has come about, can you please advise how to centre it?

    2) how can I add images to each statement? I would like to add in some logos

    Thank you


  •  8,999
    Tahir replied

    Hey Again,

    Please use these Options : 


    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    /* Align quote icon  */
    .testimonial_slider .image-icon {
        text-indent: -9px !important;
        line-height: 80px !important;
    }

    Thanks



    ThemeNectar Support Team 

  •  2
    Allison replied

    Thanks, that sorted out the icon aligment.

    For the images, I have already put in the logos via the method you reference below, but nothing is showing up. I know it worked before when I tried it, but for some reason it is not working now. Also, when I tried it before it showed the image within a circle - I am guessing I can change this to show the whole logo (i.e. not contained within a shape). Ideally I'd like the images to sit underneath the quote name. Are we able to change the location with CSS without it breaking anything?

    Thanks.

  •  8,999
    Tahir replied

    Hey Again,

    You need to switch to the other style for the Image to show :

    Be.st 


    ThemeNectar Support Team 

  •  2
    Allison replied

    Hello there,

    Aaah, I see. However, I need the height animation, as some quotes are very long and some are not, also I like them to be shown one at a time. Is this the only option for having images? I.e. is there no way the Basic style can have images in it?

    The Multiple style makes the block too big, and also auto rotates, which i dont want.... even when I dont put a value in the 'auto rotate' field.

    Thanks

  •  8,999
    Tahir replied

    Hey Again,

    I am afraid changing the pre-defined styles would require custom work . So choose the one that best suits your needs . 

    Thanks 


    ThemeNectar Support Team 

  •  2
    Allison replied

    Hello Tahir,

    I am going to try the Multiple style out... I have put in the logo images for each quote, but they are not showing in the build. I followed your screen grabs below... can you please advise.

    Many thanks

  •  8,999
    Tahir replied

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.


    ThemeNectar Support Team 

  •   Allison replied privately
  •   Allison replied privately
  •  8,999
    Tahir replied

    Please update to the Latest Version 

    Salient 8.0 is now available for Download on the Themeforest Download Page , Visual Composer has also been Updated to Version 5.0.1. 

    To get a list of Bug Fixes and new Feature addons in the Latest Theme update,  the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .

    Update the theme by following this guide: http://themenectar.com/docs/salient/updating-salient/ .

    Best.


    ThemeNectar Support Team 

  •   Allison replied privately
  •  8,999
    Tahir replied

    Hey Again,

    Your custom css was at fault . Just commented it out : 

    Be.st


    ThemeNectar Support Team 

  •  2
    Allison replied

    aaaaah, I see. It replaces the quote mark icon... I was expecting it to sit along side it. Many thanks for sorting that out.


  •  2
    Allison replied

    btw...is there any way of taking them out of the circle, so the images/logos sit in their entirety, so you can see it in full, instead of in the circle? Thanks

  •  8,999
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .testimonial_slider[data-style="multiple_visible_minimal"] .image-icon {
        width: 100%;
        height: auto !important;
    }

    Thanks


    ThemeNectar Support Team