[Resolved] Images with corners Rounded

Home Forums Support Images with corners Rounded

This topic contains 11 replies, has 2 voices, and was last updated by  Leo 8 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #496016

    Janine

    Hi, guys.

    How can I get my images to have rounded corners:

    https://www.w3schools.com/w3css/w3css_images.asp

    Link to demo site: http://4dbf4fe2.ngrok.io/

    Thank you.

    GP Premium 1.5.6
    #496044

    Janine

    I don’t want corners on the featured images. Thank you.

    #496102

    Leo Customer Support

    Hi there,

    Add your image like this:
    <img src="IMAGE URL HERE" class="rounded-corner">>

    with this CSS:

    .rounded-corner {
        border-radius: 16px;
    }
    #496489

    Janine

    Hi, Leo.

    That’s exactly what I wanted. I changed it to:

    <img src="http://stitchingincolour.local/wp-content/uploads/2018/02/clothes-1845375_1920.jpg" />

    Just to be clear: Each time I use an image, I will need manually open the WP text editor and edit the HTML as you instructed above. Right?

    Also, before I edit as you instructed, this is what was there:

    <img src="http://stitchingincolour.local/wp-content/uploads/2018/02/clothes-1845375_1920-1024x682.jpg" alt="" width="1024" height="682" />

    There seems to a class defined before. I guess by a plugin.

    And alt=”” seems to have no value assigned.

    And then it seems to specify the width and height.

    Could you explain this to me, please? Thank you.

    #496490

    Janine

    Oops! I didn’t realize it input the images. Please delete. Thank you.

    #496685

    Leo Customer Support

    Yes you will need to manually add in the HTML or edit the HTMl from WordPress as well.

    The width and height property are the ones you choose in Add Media. All the info on that is here: https://codex.wordpress.org/Inserting_Media_into_Posts_and_Pages

    #496727

    Janine

    Thank you, Leo.

    #496840

    Leo Customer Support
    #498408

    Janine

    Leo, two more questions: Re: #496685.

    1) What do you mean by “or edit the HTMl from WordPress as well?”

    AND

    2) When I change this:

    <img src=" IMAGE URL HERE " alt="" width="1024" height="682" />

    to this:

    <img src="IMAGE URL HERE" />

    Am I losing something by not specifying alt, width, or height?

    Thank you!

    #498482

    Leo Customer Support

    1) You can still add the image using Add Media then just add the class in.

    2) Alt is the text it would show if the image cannot be loaded. If you don’t specify width and height the full image is added automatically.

    #498531

    Janine

    Thanks, Leo.

    #498563

    Leo Customer Support
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.