Picture border radius

  • Unknown's avatar

    Hi, I would like to give my photo in the image widge a { border-radius: 50% 50%;} but how do i do that in the widget so the picture appear as a sphere?

    The blog I need help with is: (visible only to logged in users)

  • Hi there,

    It should work using inline CSS via a style attribute:

    <img src="URL" style="border-radius: 50% 50%;">

  • Unknown's avatar

    Hi, thanks for the reply but I’ve figured I wont be able to change the radius of a widget unless I have to change the widget itself.

    I have styled my paragraph backgrounds with the style attribute, you can see it at all320177496.wordpress.com; paragraph colours are alice blue but when you look at the heading in the sidebar named “te quiero amor mio” the picture of the couple I would like to have as a sphere or circle as the rest of my page, but I take it because it’s a widget I wont be able to change the attributes.

    Regards

  • That is because you’re using an image widget.

    Remove that, and add a HTML widget instead, and then add the image in using HTML code. Then you’ll be able to use inline styles like I gave above.

  • Unknown's avatar
  • The topic ‘Picture border radius’ is closed to new replies.