Page 1 of 1
Changing Icon in Hover gallery card
Posted: 13 Apr 2020, 13:31
by agjimmy69
Hello mjau-mjau
Is it possible to modify the icon (see screenshot) only on a page and where is this option.
thank you in advance.
Re: Changing Icon in Hover gallery card
Posted: 13 Apr 2020, 13:50
by agjimmy69
I found this topic:
viewtopic.php?f=52&t=9320
I applied the answer and it works.
I suppose for folder the code is
/* For gallery Only in Index page */
.gallery.hover.link-icon .image-container::before {
content: "\f0c1";
}
/* For Folders only in Billetophilie */
.folders.hover.link-icon .image-container::before {
content: "\f0c1";
}
and in Style and effects [CSS Classes] I use this tags [hover][link-icon].[/left]
Re: Changing Icon in Hover gallery card
Posted: 14 Apr 2020, 00:06
by mjau-mjau
Looks correct. Does it work? They use icons assigned from Font Awesome, and you can use the character representation as in the cheatsheet:
https://fontawesome.com/cheatsheet
Re: Changing Icon in Hover gallery card
Posted: 18 Aug 2022, 02:04
by TristanJo
Karl ~
I want to change the hover icon of one gallery where the video is linked.
Help me.
Re: Changing Icon in Hover gallery card
Posted: 18 Aug 2022, 05:12
by mjau-mjau
TristanJo wrote:I want to change the hover icon of one gallery where the video is linked.
Link please. What hover icon? There are hover icons for galleries, but not for videos. The hover icons for galleries you could change, but only with custom CSS.
Re: Changing Icon in Hover gallery card
Posted: 18 Aug 2022, 07:32
by TristanJo
mjau-mjau wrote:
TristanJo wrote:I want to change the hover icon of one gallery where the video is linked.
Link please. What hover icon? There are hover icons for galleries, but not for videos. The hover icons for galleries you could change, but only with custom CSS.
https://xn--b20bn92e.com/%EB%8F%99%EC%98%81%EC%83%81/
I want ↓
- Snipaste_2022-08-18_20-34-32.png (11.13 KiB) Viewed 1735 times
Check plz~~
Re: Changing Icon in Hover gallery card
Posted: 18 Aug 2022, 10:28
by mjau-mjau
Try this. Add to Settings > Custom > Custom CSS:
.gallery.hover .image-container:before {
content: "\f04b";
}
That changes the hover effect everywhere. If you only want it for this page, paste it into page Settings > Page > Advanced > Page CSS.
Re: Changing Icon in Hover gallery card
Posted: 18 Aug 2022, 10:28
by mjau-mjau
The website looks amazing!
Re: Changing Icon in Hover gallery card
Posted: 18 Aug 2022, 10:32
by TristanJo
mjau-mjau wrote:
The website looks amazing!
Wow~~~ Thx~
This website was developed by you.