Is it possible from module J51 - ImageHover Gallery to make the corners of the images round

Issue

Votes

Undo

Hello,
Is it possible from module J51 - ImageHover Gallery to make the corners of the images round without editing the image itself. Possibly with css border-radius?
I try it with



.j51imagehover148 .j51imghvr-item {

    display: inline-block;

    width: 33.333%;

    padding: 5px 5px;

    box-sizing: border-box;

    border-radius: 10px 25%;

}

but it doesent work Firefox_Screenshot_2020-06-11T08-50-03.919Z.png

Responses (3)

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Great. Nice work. Thank you for the update and for sharing your solution!

Ciaran

more than a month ago
Commercial Templates
# 1

SYSOPONLINE

Accepted Answer Pending Moderation

Votes

Undo

it works... Hoverbackground set to white

more than a month ago
Commercial Templates
# 2

SYSOPONLINE

Accepted Answer Pending Moderation

Votes

Undo

When i use this:



.j51imagehover [class^="imghvr-"], .j51imagehover [class*=" imghvr-"] {

    background-color: #555;

    background-color: var(--j51-overlay-color);

    background-image: linear-gradient(45deg, rgba(255,255,255,.25), rgba(255,255,255,.15));

    border-radius: 30px;

i have some graphical problems:
Firefox_Screenshot_2020-06-11T08-53-55.752Z.png

more than a month ago
Commercial Templates
# 3

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Is it possible from module J51 - ImageHover Gallery to make the corners of the images round

Site Links

Recommended

Join Our Newsletter