Hi,
I’m trying to place the image / icon in the middle / center above the names in the testimonial slider. I have almost made it, but struggle to center it completely. When I scale the screen it doesn’t align properly to center. Please help. Here’s the code I have been using:
#top .av-large-testimonial-slider .avia-testimonial-name {
font-size: 1.5em!important;
margin-top: 0.5em!important;
}
.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image {
width: 70px!important;
height: 50px!important;
}
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
position: static!important;
float: none !important;
transform: none !important;
right: 50% !important;
margin-right: -40px;
}
.avia-testimonial-meta{
text-align: center !important;
}
Thanks, kindly regards, Mathilde
Hey mofix,
Could you please give us a link to your website, we need more context to be able to help you.
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
Hi Victoria,
Sorry, it’s http://www.tuddal.one Scroll down on the frontpage, after Instagram feeder.
Look print screen here: https://www.dropbox.com/s/rw5tt2prakrig7l/kriesi.gif?dl=0
Thanks and kindly regards, Mathilde
Hi mofix,
Thank you :)
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
margin: 0 auto !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Thanks a lot, it worked very well!! :-)
KIndly regards, Mathilde
Hi Mathilde,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria