Hey there,
Please post a link to your site. Thanks!
Hi, thanks for reply, I’m building it on a local server at the moment as waiting for a domain to be sorted out, is there a way I could share this? Sorry this is the first site I’ve tried to build.
Thanks
Mark
Hey Mark,
Can you please post the screenshot of the area? Thanks 🙂
Hi Mark, you’ll need a child theme for this, so your changes won’t be overwritten when you update the theme. If you’re new to child themes, you can explore these guides:
http://codex.wordpress.org/Child_Themes
https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/
Once your child theme is set up, copy this function into your child theme’s functions.php file:
// Larger Testimonial Image
function sela_child_testimonial_thumbnail() {
add_image_size( 'sela-testimonial-thumbnail', '150', '150' );
}
add_action( 'after_setup_theme', 'sela_child_testimonial_thumbnail', 11 );
Adjust the 150px value to whatever you prefer.
If you want the images to stay round, you’ll also need to add some CSS to your child theme’s style.css file. For example, this should keep the circles round if you use 150px by 150px as in the above example:
.testimonial-thumbnail img, .testimonial-featured-image img {
border-radius: 100px;
}
Let me know how it goes.
Hi, thanks for reply.
I did try to create a child theme but it seemed to change the way the site looked, much more to do with my limited wordpress ability than your tutorial I must make clear. I will continue to experiment.
In the meantime is there a way i can add code to the Jet pack Edit CSS as an alternative.
Hope this makes sense, as I’m sure you can tell I’m still a novice!!
Hi there! You can use CSS in the Jetpack CSS module, but because the images themselves aren’t being enlarged, they may appear a little blurry:
.testimonial-thumbnail img, .testimonial-featured-image img {
border-radius: 100px !important;
height: 150px;
width: 150px;
}
