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


Permlink Replies: 7 - Pages: 1 - Last Post: 22 Feb 21, 10:40 Last Post By: JeanPierre Threads: [ Previous | Next ]
JeanPierre

Posts: 34
Registered: 10-Oct-2006
Font size comment
Posted: 19 Feb 21, 20:21
 
  Click to reply to this thread Reply
Is it possible to change the font size in caption?

Maybe changing

<div class="comment">${comment}</div>


by

<font size="+1"> <div class="comment">${comment}</div>.</font>


I did not try, too afraid to make a big mess, I am not a html writer

Edited by: JeanPierre on 19-Feb-2021 20:23

Edited by: JeanPierre on 19-Feb-2021 20:26

Edited by: JeanPierre on 19-Feb-2021 20:27
JeffTucker

Posts: 8,244
Registered: 31-Jan-2006
Re: Font size comment
Posted: 19 Feb 21, 20:30   in response to: JeanPierre in response to: JeanPierre
 
  Click to reply to this thread Reply
Don't try to do that. You're creating invalid HTML. Go to Lucid > Advanced > Custom Code > CSS and enter:
#lightbox .cards .card .caption .comment {font-size: 0.875em;}
The default is 0.875 - make it larger or smaller, to get the result you want.
JeanPierre

Posts: 34
Registered: 10-Oct-2006
Re: Font size comment
Posted: 19 Feb 21, 23:30   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thanks, what about

<div class="title">${fileTitle}</div>
JeffTucker

Posts: 8,244
Registered: 31-Jan-2006
Re: Font size comment
Posted: 19 Feb 21, 23:49   in response to: JeanPierre in response to: JeanPierre
 
  Click to reply to this thread Reply
This in the custom CSS box:
#lightbox .cards .card .caption > * {font-size: 1.0em;}
JeanPierre

Posts: 34
Registered: 10-Oct-2006
Re: Font size comment
Posted: 21 Feb 21, 21:34   in response to: JeanPierre in response to: JeanPierre
 
  Click to reply to this thread Reply
Thank you

Is it possible to write comments in CSS like

// The default is 0.875 ; merci Jeff


Edited by: JeanPierre on 21-Feb-2021 22:43
JeffTucker

Posts: 8,244
Registered: 31-Jan-2006
Re: Font size comment
Posted: 21 Feb 21, 23:47   in response to: JeanPierre in response to: JeanPierre
 
  Click to reply to this thread Reply
CSS comments have their own, very specific format:

https://css-tricks.com/snippets/css/comments-in-css/
RobM

Posts: 4,244
Registered: 4-Aug-2006
Re: Font size comment
Posted: 22 Feb 21, 00:47   in response to: JeanPierre in response to: JeanPierre
 
  Click to reply to this thread Reply
Not sure if you have seen Using browser development tools to change a style or not, but it is worth a read any way.
JeanPierre

Posts: 34
Registered: 10-Oct-2006
Re: Font size comment
Posted: 22 Feb 21, 10:40   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thank Jeff and Rob. It is interesting but too much for me.

Edited by: JeanPierre on 22-Feb-2021 10:40
Legend
Forum admins
Helpful Answer
Correct Answer

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