Search…

X3 Photo Gallery Support Forums

Search…
 
agjimmy69
Topic Author
Posts: 7
Joined: 13 Dec 2017, 12:34

Changing Icon in Hover gallery card

13 Apr 2020, 13:31

Hello mjau-mjau
Is it possible to modify the icon (see screenshot) only on a page and where is this option.
Image
thank you in advance.
 
agjimmy69
Topic Author
Posts: 7
Joined: 13 Dec 2017, 12:34

Re: Changing Icon in Hover gallery card

13 Apr 2020, 13:50

I found this topic: viewtopic.php?f=52&t=9320
I applied the answer and it works.
I suppose for folder the code is
Code
/* 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]
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Changing Icon in Hover gallery card

14 Apr 2020, 00:06

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
 
User avatar
TristanJo
Experienced
Posts: 116
Joined: 10 Apr 2018, 02:57

Re: Changing Icon in Hover gallery card

18 Aug 2022, 02:04

Karl ~

I want to change the hover icon of one gallery where the video is linked.

Help me.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Changing Icon in Hover gallery card

18 Aug 2022, 05:12

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.
 
User avatar
TristanJo
Experienced
Posts: 116
Joined: 10 Apr 2018, 02:57

Re: Changing Icon in Hover gallery card

18 Aug 2022, 07:32

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
Snipaste_2022-08-18_20-34-32.png (11.13 KiB) Viewed 1540 times
Check plz~~
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Changing Icon in Hover gallery card

18 Aug 2022, 10:28

Try this. Add to Settings > Custom > Custom CSS:
Code
.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.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Changing Icon in Hover gallery card

18 Aug 2022, 10:28

The website looks amazing!
 
User avatar
TristanJo
Experienced
Posts: 116
Joined: 10 Apr 2018, 02:57

Re: Changing Icon in Hover gallery card

18 Aug 2022, 10:32

mjau-mjau wrote: The website looks amazing!
Wow~~~ Thx~
This website was developed by you.