Saiyida Saiyida - 7 months ago 36
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="" />
<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.


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

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