Recent
Categories
View Replies (3)

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

  1. Issue
0
Votes
Undo
  1. SYSOPONLINE
    SYSOPONLINE
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 11 June 2020
  5.  Subscribe via email
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
Attachments (1)
Firefox_Screenshot_2020-06-11T08-50-03.919Z.png Firefox_Screenshot_2020-06-11T08-50-03.919Z.png
Responses (3)
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
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
Attachments (1)
Firefox_Screenshot_2020-06-11T08-53-55.752Z.png Firefox_Screenshot_2020-06-11T08-53-55.752Z.png
  1. more than a month ago
  2. Commercial Templates
  3. # 1
SYSOPONLINE
SYSOPONLINE
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
it works... Hoverbackground set to white
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Great. Nice work. Thank you for the update and for sharing your solution! :)

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


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