Change feature circle size

Hi, does anyone know how to change the size of the featured images that show on the homepage? I love the circular design, but the images need to be a bit bigger to look good with the rest of the page.

I have tried playing around with the CSS but have only managed to extend the 'circle' container size, rather than the actual circular images.

I am quite new to all of this, so it may be that I'm missing out something quite straightforward!

Thanks

 

Hello,
Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.feature-content-inner .circle img {
width: 200px;
height: 200px;
}
.feature-content-inner .circle {
width: 215px;
height: 215px;
}

Adjust the value of Width and Height as per your requirement.
This will solve your issue.

 

That's great! Thank you so much. The only trouble I'm having now is to get the text below the images to line up straight - since the images have been enlarged they have moved over to the right slightly, and I can't get the h2 to do the same.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.feature-content-inner .circle{
margin-left:20px;
}

Adjust its value as per your requirements.