Hey toolbox101,

1. You’d need to edit the nectar/nectar-vc-addons/vc_templates/testimonial.php file

2. add this into the custom css box in your Salient options panel:

body.mobile .testimonial_slider[data-style="minimal"] blockquote { padding: 0; }

Cheers

Thank you, would you please tell me which line of code I need to edit in the testimonal.php file? and if i delete the ” do I just put space in it? Or it will hit html error for having it empty?

Hey toolbox101, change this section:

$open_quote = ($GLOBALS['nectar-testimonial-slider-style'] == 'minimal' || $GLOBALS['nectar-testimonial-slider-style'] == 'multiple_visible_minimal') ? '“' : null; 
$close_quote = ($GLOBALS['nectar-testimonial-slider-style'] == 'minimal' || $GLOBALS['nectar-testimonial-slider-style'] == 'multiple_visible_minimal') ? '”' : null; 

to this:

$open_quote = '';
$close_quote = '';

Thanks, i’ll try this and if any issues i’ll let you know. One request please, can the List Items in visual composer support links please? I think this would be very useful.

Sound good toolbox101 – are you referring to the “horizontal list item” element or something different?

Cheers

I am talking about the Icon List in VC, this guy https://imgur.com/a/AWkCdMV

Hey toolbox101, not as of now but I’ve noted the idea for the wishlist

Cheers

That did not work for me. What I did was created this same directory in the child theme. nectar/nectar-vc-addons/vc_templates/testimonial.php https://imgur.com/a/I4wkX1f

and put this code:

<?php 

extract(shortcode_atts(array("name" => '',"subtitle" => '', "quote" => '', 'image' => '', 'star_rating' => 'none'), $atts));

$has_bg = null;
$bg_markup = null;

if(!empty($image)){
    $image_src = wp_get_attachment_image_src($image, 'medium');
    $image = $image_src[0];

    $has_bg = 'has-bg';
    $bg_markup = 'style="background-image: url('.$image.');"';
}

$open_quote = '';
$close_quote = '';

if($GLOBALS['nectar-testimonial-slider-style'] != 'minimal') {
     $image_icon_markup = '<div class="image-icon '.$has_bg.'">“</div>';
} else {
    $image_icon_markup = ($GLOBALS['nectar-testimonial-slider-style'] == 'minimal' && $has_bg == 'has-bg') ? '<div class="image-icon '.$has_bg.'">“</div>' : null;
}

$rating_markup = null;

if($star_rating != 'none') {
    $rating_markup = '<span class="star-rating-wrap"> <span class="star-rating"><span style="width: '.$star_rating.';" class="filled" /></span></span>';
} 

if($GLOBALS['nectar-testimonial-slider-style'] != 'multiple_visible_minimal') {
    echo '<blockquote> '.$image_icon_markup.' <p>'.$open_quote.$quote.$close_quote. $rating_markup .' <span class="bottom-arrow" /></p>'. '<span>'.$name.'</span><span class="title">'.$subtitle.'</span></blockquote>';
} else {
    echo '<blockquote> <div class="inner">'.$image_icon_markup.'<span class="wrap"><span>'.$name.'</span><span class="title">'.$subtitle.'</span></span> <p>'.$open_quote.$quote.$close_quote.' </p>'.$rating_markup.'</div></blockquote>';
}

?>

Did I do something wrong?

Hey nimagnejad, we’re going to be looking into such a solution in the next feature update

That’s great! Cant’t wait

Cheers nimagnejad

Do you by any chance have a date for the next update?

Hey nimagnejad, hoping within the next 2 weeks

Hey there! I’m just following up on this. any update on the the modals? I would hate to switch to a different theme that offers modals.

Hey nimagnejad, feel free to reach out in regards via the contact form for a copy of the beta https://themeforest.net/user/themenectar

That’s epic!!! will do

Just sent over a copy nimagnejad

Nice update! I can’t see to find the popup modal in the list of new features or the demo. Was this added? Thanks

Thanks alokupadhayay,

Unfortunately 1 & 3 would require custom development as of now

Cheers

Hi, Thanks for the reply.

I have been testing your awesome theme and its going well. Can you help me getting Prev Next Arrows in Flickity Carousal or Owl Carousal. (Arrow similar to Back to Top arrow)

OR

but smaller.

I don’t want dots. Want to replace them with ‘Prev Next Arrows’ in place of dots or have it similar to the link above.

I tried using the CSS below, but it didn’t work well.

/* dots / .nectar-flickity.nectar-carousel .flickity-page-dots { display: none; } / no circle / .nectar-flickity.nectar-carousel .flickity-button { background: transparent; } / big previous & next buttons / .nectar-flickity.nectar-carousel .flickity-prev-next-button { width: 100px; height: 100px; } / icon color */ .nectar-flickity.nectar-carousel .flickity-button-icon { fill: white; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; }

The current development is in local host, so couldn’t share link.

Hey alokupadhayay,

that option would need to be enabled in the js/init.js file of the theme

Can you please be kind enough to help me here. I want Prev. next buttons in place of dots. in sliders OR the way Side arrows are here : https://flickity.metafizzy.co/style.html#previous-next-buttons

I am finding this : am I at right place.

var $flickitySliders = [];

$('.nectar-flickity:not(.masonry)').each(function(i){

$(this).addClass('instance-'+i);

var $freeScrollBool = ($(this).is('[data-free-scroll]') && $(this).attr('data-free-scroll') == 'true') ? true : false;
var $groupCellsBool = true;
var $flickContainBool = true;
var $flcikAttr = 0.025;

var $flickCellAlign = 'center';
if( $(this).is('[data-format="fixed_text_content_fullwidth"]') ) {
        $flickCellAlign = 'left';
        $groupCellsBool = false;
        $flickContainBool = false;
        $flcikAttr = 0.02;
}

if($freeScrollBool == true) {
     $groupCellsBool = false;
}

if($(this).attr('data-controls').length > 0 && $(this).attr('data-controls') == 'next_prev_arrows') {
    var $paginationBool = false;
    var $nextPrevArrowBool = true;
} else {
    var $paginationBool = true;
    var $nextPrevArrowBool = false;
}

if($(this).attr('data-controls').length > 0 && $(this).attr('data-controls') == 'none') {
    var $paginationBool = false;
    var $nextPrevArrowBool = false;
}

var $flickity_autoplay = false;
var $selectedAttraction = 0.025;

if($(this).is('[data-autoplay]') && $(this).attr('data-autoplay') == 'true') {

$flickity_autoplay = true;
$selectedAttraction = 0.019;

if($(this).is('[data-autoplay-dur]') && $(this).attr('data-autoplay-dur').length > 0) {

if(parseInt($(this).attr('data-autoplay-dur')) > 100 && parseInt($(this).attr('data-autoplay-dur')) < 30000) {
    $flickity_autoplay = parseInt($(this).attr('data-autoplay-dur'));
}

}

}

And Another one is this. $flickitySliders[i].on( ‘dragStart’, function() { clearTimeout($removeHiddenTimeout); $that.addClass(‘is-dragging’); $that.find(’.flickity-prev-next-button’).addClass(‘hidden’); }); $flickitySliders[i].on( ‘dragEnd’, function() { $that.removeClass(‘is-dragging’); $removeHiddenTimeout = setTimeout(function(){ $that.find(’.flickity-prev-next-button’).removeClass(‘hidden’); },600);

});

$('.flickity-prev-next-button').on( 'click', function() {
   clearTimeout($removeHiddenTimeout);
   $(this).parents('.nectar-flickity').find('.flickity-prev-next-button').addClass('hidden');
   $removeHiddenTimeout = setTimeout(function(){
        $that.find('.flickity-prev-next-button').removeClass('hidden');
    },600);
});

Hay please help me here. If couldn’t get this fixed, I will have no option but to change the theme. The Prev Next buttons are the must requirements for the website as there are alot of images to be added in the carousal and the dots below look like a mess. OR if I can get the Prev Next buttons below the carousal in center.

Hey alokupadhayay,

Unfortunately this is beyond the scope of what I can provide in theme support – I can point you to the direction as I have but can’t explain the entire process.

Thanks for response. Understood.

Can you please help me in optimizing images for carouFredSel. For flickity i used :

.nectar-flickity:not(.masonry) .flickity-slider .cell img{ max-height: 450px!important; width: auto!important; } .flickity-viewport{ height: 560px!important; } .nectar-flickity:not(.masonry) .flickity-slider .cell{ width: auto!important; }

Can you help me with CSS for caroufredsel and if possible then to have those nevigation arrows at bottom.