This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 5 - Pages: 1 - Last Post: 6 Mar 20, 18:02 Last Post By: Schegg Threads: [ Previous | Next ]
Schegg

Posts: 27
Registered: 6-Mar-2009
Color for Hyperlinks in the Caption
Posted: 18 Jan 20, 18:08
 
  Click to reply to this thread Reply
Hi Laza

Thanks a lot for an another great Skin.

I would like to migrate my Projects from Projector to Animatics and have a question.

Would it be possible to have the Feature "color for Hyperlinks" and "color for Hover" like in Projector?
So in the Caption i would have colorfully Links.

BR Andi
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Color for Hyperlinks in the Caption
Posted: 18 Jan 20, 18:51   in response to: Schegg in response to: Schegg
 
  Click to reply to this thread Reply
Head for Animatics > Site > Custom code > CSS and plug in something like this:
#lightbox .cards .card .caption .comment a {color: red;}
#lightbox .cards .card .caption .comment a:hover {color: green;}
That would makes the links red, turning to green when they're hovered. Of course, you can use either HTML color names or hex codes, like color: #ff0022.
Schegg

Posts: 27
Registered: 6-Mar-2009
Re: Color for Hyperlinks in the Caption
Posted: 19 Jan 20, 09:20   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Hi jGromit

Hey that works verry well for the comment, many thanks.

But i would also have the same for the "Title", see printscreen.

I have tried several things but couldn't find out.

BR Andi
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Color for Hyperlinks in the Caption
Posted: 19 Jan 20, 12:11   in response to: Schegg in response to: Schegg
 
  Click to reply to this thread Reply
Schegg wrote:
But i would also have the same for the "Title", see printscreen.
I have tried several things but couldn't find out.
Have a look at Using browser development tools to change a skin’s style
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Color for Hyperlinks in the Caption
Posted: 19 Jan 20, 14:15   in response to: RobM in response to: RobM
 
  Click to reply to this thread Reply
Exactly! How do you think I hunt down these class and ID names? I certainly don't know anything about Laza's internal coding. I make a quick one-image test album with a comment or title, preview it, pull up the browser development console, and zero in on the displayed comment or title. That leads me to the correct CSS. Guessing will never get you there.

In this case, it's this:
#lightbox .cards .card .caption.dark a {color:red;}
#lightbox .cards .card .caption.dark a:hover {color:green;}
Depending upon the style of Animatics you're using, it might be caption.light instead of caption.dark.

Now use your own browser development console and poke around so that you can learn how this is done. Take a look at the slide image, and use the "inspector" to see where I got the right class or ID!
Schegg

Posts: 27
Registered: 6-Mar-2009
Re: Color for Hyperlinks in the Caption
Posted: 16 Feb 20, 10:57   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Many thanks for all the hints

I have found a solution

/*********************************/
/* Anpassung von Andi 23.02.2020 */
/*********************************/

/****************************************/
/*= Linkfarbe anpassen des Bildtitel's -*/
/****************************************/
#lightbox .cards .card .caption.white h5.text a {color: #85dd00;}
#lightbox .cards .card .caption.white h5.text a:hover {color: #85dd00;}

#lightbox .cards .card .caption.light h5.text a {color: #85dd00;}
#lightbox .cards .card .caption.light h5.text a:hover {color: #85dd00;}

#lightbox .cards .card .caption.transparent h5.text a {color: #85dd00;}
#lightbox .cards .card .caption.transparent h5.text a:hover {color: #85dd00;}

#lightbox .cards .card .caption.dark h5.text a {color: #85dd00;}
#lightbox .cards .card .caption.dark h5.text a:hover {color: #85dd00;}

#lightbox .cards .card .caption.black h5.text a {color: #85dd00;}
#lightbox .cards .card .caption.black h5.text a:hover {color: #85dd00;}

/*************************************************/
/*= anpassen der Schriftgroesse des Bildtitel's -*/
/*************************************************/
#lightbox .cards .card .caption.white h5.text {font-size: 15px;}
#lightbox .cards .card .caption.white h5.text a {font-size: 15px;}
#lightbox .cards .card .caption.white h5.text a:hover {font-size: 15px;}

#lightbox .cards .card .caption.light h5.text {font-size: 15px;}
#lightbox .cards .card .caption.light h5.text a {font-size: 15px;}
#lightbox .cards .card .caption.light h5.text a:hover {font-size: 15px;}

#lightbox .cards .card .caption.transparent h5.text {font-size: 15px;}
#lightbox .cards .card .caption.transparent h5.text a {font-size: 15px;}
#lightbox .cards .card .caption.transparent h5.text a:hover {font-size: 15px;}

#lightbox .cards .card .caption.dark h5.text {font-size: 15px;}
#lightbox .cards .card .caption.dark h5.text a {font-size: 15px;}
#lightbox .cards .card .caption.dark h5.text a:hover {font-size: 15px;}

#lightbox .cards .card .caption.black h5.text {font-size: 15px;}
#lightbox .cards .card .caption.black h5.text a {font-size: 15px;}
#lightbox .cards .card .caption.black h5.text a:hover {font-size: 15px;}

/********************************************/
/*= Linkfarbe anpassen des Bildkommentar's -*/
/********************************************/
#lightbox .cards .card .caption .comment a {color: #85dd00;}
#lightbox .cards .card .caption .comment a:hover {color: #85dd00;}

/*****************************************************/
/*= anpassen der Schriftgroesse des Bildkommentar's -*/
/*****************************************************/
#lightbox .cards .card .caption .comment {font-size: 14px;}
#lightbox .cards .card .caption .comment a {font-size: 14px;}
#lightbox .cards .card .caption .comment a:hover {font-size: 14px;}

/* EoF */

BR Andi

Edited by: Schegg on 06-Mar-2020 18:01
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums