[Resolved] Images in a circle

[Pietro]

Hi there,
inn my home page I need to have some images, particulary (not considering the cover):
– 3 images in the middle of the pages (that are, and should be, squared)
– 1 image in the bottom of the page, before the footer, and this should be in a circle.

In the simple CSS of the page I insert:
.entry-content img {
border-radius: 180px !important;
}
and the images in the bottom page is ok but one, just one, of the 3 in the middle now seems in a circle.
How can manage and solve this little top?

Thanks in advance for your support.

(in private the page)

[David]

Hi there,

if you select the Image Block containing the image that you want in a circle, and go to its settings, there is an option called Rounded that will do this for you.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Pietro]

It works!!
Great!
Thanks you

Let me take the opportunity to another question.
As you can see, in the 3 grey blocks there is a line to separate the “title” to the “detail”.
I wold like to customize that lines in terms of length and depth.
Is it possible?

Many thanks in advance

[Leo]

Can you open a new topic for the separate question?

It’s much easier for us to track and help that way.

Thanks 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Pietro]

Absolutely yes, you are right.
🙂

[Leo]

Thank you!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts