-
AuthorPosts
-
March 21, 2018 at 4:28 pm #930650
Hi, how can I make the image much bigger and also make it appear above the testimonials text instead of below?
Thanks
March 21, 2018 at 6:29 pm #930736Hey DROR,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image { width: 200px; height: 200px; }
Best regards,
VinayMarch 22, 2018 at 12:57 pm #931224Thanks. How can I move the image to appear above the testimonial text instead of below and how can I put the name under the image?
March 22, 2018 at 3:26 pm #931377Hi,
Please refer to the link in private :)
Let us know if you have any question.
Best regards,
VinayMarch 23, 2018 at 4:22 pm #932010OK, thanks. I managed to move the image to the top but how do I align the name so it will be middle on the image?
And I also tried making the image bigger by changed the code you gave me but it didn’t work. How can I make it bigger?
March 26, 2018 at 2:26 am #932756Hi,
I’m getting an error when I try to access your site.
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
VinayMarch 26, 2018 at 8:16 am #932845Sorry, the URL has been updated.
March 26, 2018 at 9:24 am #932883Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .av-large-testimonial-slider .avia-testimonial-name { width: 100%; left: 0; right: 0; position: absolute; text-align: center; } #top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image { margin-top: 50px; }
Best regards,
VinayMarch 27, 2018 at 2:31 pm #933678Thanks. How can I move the name to be below the image?
And also, Is there a way to replace the arrows on the sides with dots that will shows below?
March 28, 2018 at 12:50 am #933959Hi,
To move the image up and name element down please adjust the margin-top value for
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image { margin-top: 0px; } #top .av-large-testimonial-slider .avia-testimonial-name { margin-top: 9.255em; }
Please use the !important rule if it does not work at the first attempt :)
Sorry at the moment the dot navigation is not supported and it will take a lot of time to customize it. If it is really important for you, we recommend hiring a freelancer to get the job done.
Best regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.