I’d like to make the testimonial section (carousel version) center when in mobile view.
Gotten most of the way there, but the final bit of text is eluding me as you can see here: http://imgur.com/gVpIjm7
Also – minor point, but how can I get rid of the hyphen ‘-‘?
Thanks
Hey jomtones,
I can’t see any results like in your screenshot, I’m guessing you managed to get it fixed? If not then please try to explain a bit further.
Regards,
Rikard
Sorry the screenshot was in mobile view – you’ll have to switch to a narrow viewport.
Hi!
We are working on your ticket please wait while we update the results here soon.
To center the testimonial meta in portable devices please use the below css in Enfold > General Styling > Quick CSS
It will look similar to the screenshot below
/* Center testimonial meta*/
@media only screen and (max-width: 768px) {
.avia-testimonial-image {
width:100%!important;
}
.avia-testimonial-image img{
width:70px;
}
.avia-testimonial-meta-mini {
text-align: center!important;
left:50%;
transform:translateX(-50%);
position:relative;
width:100%;
}
}
Best regards,
Vinay
Thanks – this works great! But how can I get rid of the ‘hyphen’ before each title (‘-‘)?
Hey!
Please go to Enfold/config-templatebuilder/avia-shortcodes/testimonials.php file and find following line
if($link) $output .= " – <a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>";
and change it to
if($link) $output .= "<a class='aviablank avia-testimonial-link' href='{$link}' >{$linktext}</a>";
If you are using a child theme, please see – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
Regards,
Yigit
Thanks Yigit!
Hey!
Glad we could help!
Regards,
Vinay