Premium support

Please log in to post in these forums. If you didn't create an account when you purchased, please contact us.

Free support

If you haven't purchased GP Premium, support for the free theme can be found on WordPress.org.

[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 4 days, 4 hours ago.

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

    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

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

    #496102

    Leo
    Staff

    Hi there,

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

    with this CSS:

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

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #496489

    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

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

    #496685

    Leo
    Staff

    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

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #496727

    Thank you, Leo.

    #496840

    Leo
    Staff

    No problem!

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #498408

    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
    Staff

    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.

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

    #498531

    Thanks, Leo.

    #498563

    Leo
    Staff

    No problem!

    Want to help support GP? Please consider leaving us a review!
    https://wordpress.org/support/theme/generatepress/reviews

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.