Tagged: image sizing, testimonial
Hi Team,
I’d like to enlarge the size of my testimonial images, as well as position them above the text.
Is it possible to do this?
Thanks
Hey! Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-testimonial-image {
width: 120px;
height: 120px;
float: none;
margin: auto;
margin-bottom: 10px;
}
.avia-testimonial-meta {
margin-left: 0;
}
Best regards,
Yigit
Hi Yigit,
I implemented the code and nothing changed.
Hi,
Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
If that too does not help, please create a temporary admin login and post it here privately so we can look into it. Also, please point out the page you are working on :)
Best regards,
Yigit
See Below
Hi,
I changed the code to following one
.avia-testimonial-image {
width: 200px !important;
height: 200px !important;
float: none;
margin: auto !important;
margin-bottom: 10px !important;
}
.avia-testimonial-meta {
margin-left: 0;
text-align: center;
}
Also, the way you comment in CSS is wrong, i corrected those as well. Correct way would be as following
/* Here is your comment */
Best regards,
Yigit
Thank you Yigit!
I have another question regarding my site,
It has to did with hiding a background image when on mobile;
I tried this code but it isn’t working
@media only screen and (max-width: 480px) {
.home div#av_section_1 { background: none !important; }}
Hi,
please open a new ticket for it and provide us a precise link to the elements in question.
Best regards,
Andy