Navigation
Archive / Circular Images
This is archived content. Visit our new forum.
  • Author
    Posts
  • November 20, 2013 at 8:52 pm #949
    Mauricio B
    Participant

    My images are not a perfect circle when using the shortcode (type=’circle’). It is displayed in a “pill” form.

    How do I get a perfect circle shape?

    One more question on images… Is it possible to have some sort of hover effect on to of it? I mean, when hovering the image can I get a faded image with text?

    Thanks for all assistance!

    November 21, 2013 at 12:22 am #950
    Kory
    Keymaster

    Mauricio,

    For your image to maintain a circular shape, you will need to ensure that your image is a perfect square. Using type="circle" on a rectangular image will result in the “pill” shape you mentioned. So once you’ve cropped down your image to to have the same width and height, you will get the circular shape you’re after.

    In regards to your second point, is your image surrounded by a link? Is that why you want it to have an effect on hover? Also, when you say a “faded image with text,” could you please elaborate a little more on what you’re trying to accomplish, or even provide a link to an example?

    Thanks!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-949 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>