-
AuthorPosts
-
August 11, 2020 at 12:00 pm #1236652
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
August 12, 2020 at 4:20 pm #1237041Hey 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,
VictoriaAugust 12, 2020 at 5:11 pm #1237075Hi 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
August 12, 2020 at 6:42 pm #1237119Hi 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,
VictoriaAugust 12, 2020 at 6:48 pm #1237125Hi Victoria,
Thanks a lot, it worked very well!! :-)
KIndly regards, MathildeAugust 12, 2020 at 6:53 pm #1237131Hi Mathilde,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
