Hello everyone! I’m encountering a “issue” these days with images inside rich texts.
As you can see, images I upload (inside the rich text) have default rounded corners that inevitably cut images. I tried to check Style settings anywhere but there are no Borders (radius is 0 px). This happens only to images inside rich texts.
Here is my public share link: [LINK][1]
Hi @Roberto_Leonardo_Lis, all images inside of rich text elements with the class main case study have a border radius set in the style panel. If you want to get rid of the rounded corners, you can add a new rich text element to the page, add an image to that rich text element, select the image, and then remove the border radius in the style panel.
Hey @blakelam ! First of all, thanks for your answer.
I think I understand what you’re saying, but this changes the corners of all image but the ones inside my rich text. You can see that in my Editor I have the image as it should be, whereas in the actual website they have rounded corners.
I tried to select all images and adjust borders, but nothing happens.
If I got something wrong then I’m sorry, my bad, I’m quite new to those things
At the top of Blake’s screenshot you can see “All Images” when nested inside of “main case study”. That makes the 20px corner styling specific to the rich text element.
If you’re trying to remove that rounded corner from your RTB’s classed “main case study”, you need to undo that border radius.
Also from other topics I got what you’re saying. I’ll try to post the solution in a clearer way in case anyone sees this:
Thanks to everyone!
Just to add, your main struggle here was that your Rich Text Block is CMS bound, which complicates the styling of the element types. A style guide page with an unbound RTB ( same class ) is a great way to manage this.
