Change module color into an image

kblubis

Can I Change this module color into an image? the color is shaped circle like this :

and i wanted to change that shape color into image or shape like this :

can I do it? let me know bro...
Thanks.

Ninja

kblubis
Hi
You can override this code in custom css

.acm-features .mask-icon:after {
    background-image: url(http://v1.bakrie.ac.id/images/logo/webp.net-resizeimage%205.png#joomlaImage://local-images/logo/webp.net-resizeimage%205.png?width=250&height=105);
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    height: 66px;
    width: 60px;
    z-index: 1;
    opacity: .5;
}

customized above code to fit the image and change the image path with your image.

kblubis

no it can't be

kblubis

Is my code wrong?
.acm-features .mask-icon:after {
background-image: url(https://v1.bakrie.ac.id/images/shell.png);
border-radius: 50%;
content: "";
position: absolute;
left: 20px;
top: -20px;
height: 66px;
width: 60px;
z-index: 1;
opacity: .5;
}

kblubis

and now it looked like this, hmmmmmm help me pls

Ninja

kblubis
Use this code

.acm-features .mask-icon:after {
    background-image: url(https://v1.bakrie.ac.id/images/shell.png);
    border-radius: 0%;
    content: "";
    position: absolute;
    left: 27px;
    top: 48px;
    height: 60px;
    width: 60px;
    background-size: 100%;
}

adjust top and left value as per needs