Round Image -> Square Image

Community Forums Forums Design Tips and Tricks Round Image -> Square Image

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Marcy 6 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #65099

    Christopher
    Participant
    Post count: 1

    Greetings everyone.

    Some of the new themes coming out have round images (Expose, Wintersong, etc.), which is nice, but I’ve got a client who would like the image to be square – specifically for Wintersong. Is there quick way to do this via CSS? If so…any direction here would be great.

    Thank you all!


    Christopher | http://cph.us

    #65119

    Marcy
    Participant
    Post count: 276

    Yes, where ever you need to remove the circles, find this code

    border-radius: 50% 50% 50% 50%;

    And either remove it or change it to
    border-radius: 0;


    #65127

    Christopher
    Participant
    Post count: 1

    Marcy,

    This worked perfectly! Thank you so much!!!


    Christopher | http://cph.us

    #65149

    Marcy
    Participant
    Post count: 276

    You’re welcome! I’m glad it worked for you.

    You could also remove the border-radius selectors, if you’re sure you won’t ever want to round the corners or make circles.


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

You must be logged in to reply to this topic.