Question 230574 in Wordpress Question posted in
The official Wordpress documentation can be found here.

WordPress – Add Rounded Corners to image in Elementor Text Editor

This is driving me mad. I have an image within a text box on a straightforward elementor page. It is sitting nicely in the "Text Editor Widget" and I want to add rounded corners to it.

I have created a CSS class in "Site Settings/Custom CSS" and then assigned the image to that class within the image editor in the text editor. .AZ-rounded-image { border-radius: 15px; } And nothing happens… Can anyone help — I have wasted there hours on this … Many thanks in advance Andy

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Thank you very much for the time you took to reply.

    I tried that but it didn't wrk.

    But I have solved it: my CSS class was being over-written by something within elementor.

    So I added "!important" to the line and all is well! It works and sanity has returned.

    Many thanks

    Andy


  2. 0

    Have you tried setting the overflow to hidden, like shown below? By default overflow is visible hence if the content of .AZ-rounded-image is larger it will overflow making the border-radius invisible.

    .AZ-rounded-image { 
    border-radius: 15px;
    overflow: hidden;
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search