Saiyida Saiyida - 1 month ago 5
CSS Question

How to add circle image in ET Text in OneEngine theme for WordPress

I am using OneEngine theme on Wordpress to create an About Me section. I want to create a similar part in my website.

Desired appearance

So far I have achieved this.
Appearance right now

Using the code:

<span><div id="about" class="row">
<span class="col-md-6">
<div class="img-circle">
<img src="http://placekitten.com/g/400/200" />
</div>
</span>
<span class="col-md-6">
<p>Hello :) Testing. </p> </span>
</div> </span>


I am unable to make the image appear as a circle like above. I have tried adding CSS in ET Text and using
<div class="img-circle">
but that does not work.

Answer

Add the img-circle class to the img tag, not the div tag. OR, define the class like:

.img-circle > img {
    border-radius: 50%;
}
Comments