-
AuthorPosts
-
March 24, 2018 at 7:35 am #932234
It appears that the “Testimonials” content block uses h2. Is there some quick CSS I can add to make it use a different headline font, like h3 or h5 or whatever? Thanks
March 24, 2018 at 1:15 pm #932331Hey macjeffff,
Changing the tag is not done by css, you have to modify the theme files. If you want to just change the font size or font-family we can help you with that. Please specify what you need.
Best regards,
VictoriaMarch 24, 2018 at 6:03 pm #932424Hi Victoria,
I would like to modify the look of the actual testimonial in the “Testimonials” content block, as seen at the bottom of this page: https://lovefirst.net/books-and-media/books-by-jeff-and-debra-jay/navigating-grace/ . They appear to be rendered in h2. I would like the “Testimonials” content block to use h4 or h5 for the testimonial, so I can customize h4 or h5 in the Advanced Styling preferences in Enfold. I was thinking (perhaps wrongly), that there might be a Quick CSS that would change which headline font the “Testimonials” content block access to render the testimonial.
Sorry for the long explanation!
Thanks,
Jeff
March 25, 2018 at 3:28 pm #932613Hi,
It appears you have selected h2 tag manually while adding the testimonial content?
Please check the testimonial content and change the tags as required.
If you like to style the testimonial element using custom CSS below is the CSS class name reference.
/*---------------------------------------- // CSS - /* Testimonial CSS reference //--------------------------------------*/ /* Testimonial container */ #top .avia-testimonial { /* YOUR STYLE HERE */ } /* Testimonial Image */ #top .testimonial-image-shape .avia-testimonial-image, #top .testimonial-image-shape .avia-testimonial-image img{ /* YOUR STYLE HERE */ } /* Testimonial content */ #top .avia-testimonial-content { /* YOUR STYLE HERE */ } /* Large slider testimonial content */ #top .av-large-testimonial-slider .avia-testimonial-content { /* YOUR STYLE HERE */ } /* Testimonial meta */ #top .avia-testimonial-meta-mini { /* YOUR STYLE HERE */ } /* Name */ #top .avia-testimonial-name { /* YOUR STYLE HERE */ } /* Sub title */ #top .avia-testimonial-subtitle { /* YOUR STYLE HERE */ } /* Link */ #top .avia-testimonial-meta a.avia-testimonial-link { /* YOUR STYLE HERE */ } /* Slider arrows */ #top .av-large-testimonial-slider .avia-slideshow-arrows a:before { /* YOUR STYLE HERE */ }
Best regards,
VinayMarch 25, 2018 at 5:27 pm #932640Hi Vinay,
You are absolutely right. Someone was helping me put this content in, and I didn’t realize what they’d done. Very easy now to change it. I appreciate your sharp eye!
Thanks
March 25, 2018 at 7:44 pm #932671Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Vinay -
AuthorPosts
- The topic ‘Testimonial Font’ is closed to new replies.