Hi,
I like to position the link in the testimonials in a separate line. Now it is next to the subtitle. I want it to be in the next line. How can I do that?
I already added a css class for the testimonial with the following code:
/* These rules will change the title */
.biggertestimonial .avia-testimonial-name {
font-size: 22px !important;
}
/* These rules will change the subtitles */
.biggertestimonial .avia-testimonial-subtitle {
font-size: 18px;
}
.biggertestimonial .avia-testimonial-link {
font-size: 18px;
}
.biggertestimonial .avia-testimonial-image {width: 100px !important; height: 100px !important;}
Hey aph80,
Could you post a link to the page in question so that we can take a closer look please?
Best regards,
Rikard
Here you go…
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.avia-testimonial-link {
display:block !important;
}
Best regards,
Rikard
Hi Rikard,
thank you for the code! That works very well. How can I get rid of the “-” after the subtitle?
Best regards
Arkadi
Hi Arkadi,
Try adding this css code in Quick CSS:
#top .av-large-testimonial-slider .avia-testimonial-meta-mini font:nth-last-child(2) {
display: none;
}
Hope it helps :)
Best regards,
Nikko
Hi Nikko,
thank you, but unfortunately it didn´t change anything. Do you have another idea?
Best regards
Arkadi
Hi Arkadi,
I have checked it and the code doesn’t seem to reflect on the frontend.
Try to flush out the cache and disable minification and caching and check again.
Best regards,
Nikko
Hi Nikko,
I tried what you suggested but it makes no difference. Other changes reflect on the frontend, too. Do you have another fix?
Best regards
Arkadi
Hi Arkadi,
Best regards,
Victoria
Thank you Victoria for your response! It is unfortunate that it can´t be done, though. If anyone has an idea how to remove the “-” it would be much appreciated.