Circular image – code in CSS child theme
-
https://www.bonnetsinwonderland.com
In attempt to make my image in sidebar be circular, I added the following code to my child theme CSS:
.circular-image img {
width: 300px;
height: 300px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
-ms-border-radius: 150px;
-o-border-radius: 150px;
border-radius: 150px;
}I then added this code to text box widget on sidebar where image is:
<div class=”circular-image”><img
src=”https://dl.dropboxusercontent.com/u/71671150/Bonnets_in_Wonderland_sidebar_image.jpg” width=”300″ height=”300″/></div>I really thought I had it here, but no circular image yet. Any fresh eyes see what I may be missing?
- The topic ‘Circular image – code in CSS child theme’ is closed to new replies.