Tagged: font, order, testimonial
-
AuthorPosts
-
November 12, 2016 at 7:40 pm #711476
Hi,
A few things to modify in my testimonials if possible:
1) I would like to change the ordering of the subtitle above the quote whilst leaving the name (to be centred) under the quote.
2) I have a white background behind the quote text that I can’t get rid of.
3) I have found a way to change the font in the subtitle using this CCS: .avia-testimonial-subtitle { font-size: 300%; color: #ffffff !important;}
How can I change the ‘quote’ to my paragraph format and the ‘name’ to H2 or H3?Many thanks in advance for your help and responsive support!
Jambo
November 12, 2016 at 7:46 pm #711478Quick edit (feeling slightly stupid)!
Found I can change the formatting of the quote using html when editing the testimonial (including the background colour)
So 1) remains an issue
2) can be ignored
3) I can’t find a way to edit the ‘name’ fieldThanks again,
Jambo
November 12, 2016 at 7:53 pm #711479Sorry to make this so lengthy already but I have another question.
Is it possible to override the autorotation and add arrows to the left and right for the user to switch testimonial having read the first?
Cheers
- This reply was modified 8 years ago by Jambo.
November 15, 2016 at 12:24 pm #712442Hi,
please open different tickets for different questions, otherwise our forum gets too confusing.
1.) Instead of changing position, I recommend to change styling. So you can use your quote as name and your actual name as subtitle. Use this code inside Quick CSS field:
#top .av-large-testimonial-slider .avia-testimonial-name { font-size: 35px; color: white !important; font-family: Arial; opacity: 0.7; }
For actual subtitle (your name) use this code:
span.avia-testimonial-subtitle.av_opacity_variation { opacity: 1 !important; color: red; font-size: 10px; font-family: Georgia; }
Adjust everything as needed.
Best regards,
AndyNovember 15, 2016 at 9:17 pm #712597Hi Andy,
Thanks for the advice and I’ll keep the questioning simple in the future!
I’ve added your code, although the 2nd piece of code didn’t seem to work.
I changed the class to “.avia-testimonial-subtitle” instead where it became responsive, only I can’t align the text with “text-align: center;”(with either class). I tried using “!important;” but it remains aligned to the left.
This is the code I have for the subtitle:
.avia-testimonial-subtitle {
font-family: lustria!important;
font-size: 20px!important;
text-align: right!important;
color: white!important;
padding-top: 50px!important;
}The padding won’t respond either so I added 50px below the name field which works fine so no issue there, just added information that might help the cause.
Thanks for the help, top notch support.
James
November 16, 2016 at 4:20 pm #712990Hi,
glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
Andy -
AuthorPosts
- The topic ‘Testimonial issues’ is closed to new replies.