I’m using your Testimonial element on my website.
The name tags on each testimonial is placed what seems to be a little bit to the left of the center. It looks a bit silly. How can I change to setting so the names either alines to the right or to the left?
Best regards
Anine
Hey AnineOlsen!
Please add the following CSS
.main_color strong.avia-testimonial-name { padding-left: 100px !important; }
and let us know if it works for you
Best regards,
Basilis
Hi Basilis,
Hmm … I doesn’t quite works as I hoped. I can change the padding-left: 100px to fx 300px so the text almost alines to the right. But can’t I just add a code that alines completly to the right?
I’ve added the css code under “Enfold Theme” –> “General styling” –> “Quick CSS”
Also I realized that the names are not showing on tablets and mobile. Can I change that?
Hope you understand what I mean.
Best regards
Anine
Hi,
Please try this instead:
.avia-testimonial-meta-mini {
text-align:right !important;
}
Best regards,
Rikard
Thanks that worked. But the names are still not showing on tablets and mobile. Why is that?
Hi!
That is because you have following code
.main_color strong.avia-testimonial-name {
padding-left: 300px !important;
}
Please change it to following
@media only screen and (min-width: 1280px) and (max-width: 767px) {
.main_color strong.avia-testimonial-name {
padding-left: 300px !important;
}}
Cheers!
Yigit