Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #746036

    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

    #746058

    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

    #746298

    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

    #746766

    Hi,

    Please try this instead:

    .avia-testimonial-meta-mini {
      text-align:right !important;
    }

    Best regards,
    Rikard

    #746844

    Thanks that worked. But the names are still not showing on tablets and mobile. Why is that?

    #746861

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.