Jean-Pierre 0 Report post Posted June 17 Template 19 looks great, but I wanted to do two small changes: - underline links on hover (on home page) Changing the general styles in templatestyle.css (lines 29-35) has no effect at all (even deleting them). So, the link colors and effects must be defined or overwritten elsewhere - but where? - surname cloud I included the surname cloud from Template 21, but instead of colored names, all names have the same dark blue color. Why? Maybe that the two problems are linked, but I don't see what to change. Any hint? Share this post Link to post Share on other sites
RickM 0 Report post Posted June 17 (edited) 8 minutes ago, Jean-Pierre said: Template 19 looks great, but I wanted to do two small changes: - underline links on hover (on home page) Changing the general styles in templatestyle.css (lines 29-35) has no effect at all (even deleting them). So, the link colors and effects must be defined or overwritten elsewhere - but where? - surname cloud I included the surname cloud from Template 21, but instead of colored names, all names have the same dark blue color. Why? Maybe that the two problems are linked, but I don't see what to change. Any hint? Jean-Pierre If you are able to include a url link to your site, I will check the css for you.. To underline the links of the left hand side menu, eg: Home, Search, Login, etc, add the following to the mytngstyle.css file in the template css folder. div.icons a:hover { text-decoration: underline; } Hope that helps. Edited June 17 by RickM Presumption Made Share this post Link to post Share on other sites
Jean-Pierre 0 Report post Posted June 17 Site under construction: https://www.luxracines.lu/banat Share this post Link to post Share on other sites
RickM 0 Report post Posted June 17 51 minutes ago, Jean-Pierre said: Site under construction: https://www.luxracines.lu/banat The code from above should do the trick for you.. Underline on Hover.. Share this post Link to post Share on other sites
Jean-Pierre 0 Report post Posted June 17 Thank you, but does not work, as you can see on the site. Share this post Link to post Share on other sites
Katryne 0 Report post Posted June 17 Jean-Pierre, to customize the cloud settings, I use Michel Kirsch's mod Add Cloud of name https://tng.lythgoes.net/wiki/index.php/Add_Cloud_of_Names Have a look at either of the sites of my signature. Share this post Link to post Share on other sites
Katryne 0 Report post Posted June 17 To get underline when hovering the main menu items, the code given above by Rick is perfect. You just have to put it in templates/template19/css/mytngstyle.css. I have tested, it's OK. If you want this underline feature elsewhere, just tell us where. Share this post Link to post Share on other sites
Jean-Pierre 0 Report post Posted June 18 Thank you Katryne. I see now that Rick's proposal works on the main menu. What I wanted in fact was to underline links in the right side content area, where they are difficult to find in the text. I will also give the Cloud mod a try. Share this post Link to post Share on other sites
Katryne 0 Report post Posted June 18 Jean-Pierre, you may try : Citation a:hover {text-decoration:underline;} It should underline any link of the site when hovering Share this post Link to post Share on other sites
Rob Severijns 0 Report post Posted June 18 1 hour ago, Katryne said: It should underline any link of the site when hovering Unfortunatly it doesn't underline links placed in Notes when hovering. At least not on my site. See an example of one of my links below. <em><a rel="nofollow" style="color:#7b6241" href="https://www.severijns.family/Severijns/placesearch.php?psearch=Kessel+%28Ant+-+Bel%29&tree=Sev1" target="_blank" title"Link naar Kessel (Ant - Bel) ">Kessel (Ant - Bel)</a></em> Share this post Link to post Share on other sites
Katryne 0 Report post Posted June 18 Rob, for links in notes, try this for underline on hover : ul li a:hover { text-decoration:underline; } Look here, there is a link in the note about birth : https://tng-test.revestou.fr/getperson.php?personID=I3141&tree=revesto Share this post Link to post Share on other sites
Rob Severijns 0 Report post Posted June 18 Katryne, Now only the inks in notes are underlined when hovering. Share this post Link to post Share on other sites
Rob Severijns 0 Report post Posted June 18 Katryne, This does the trick. a:hover {text-decoration:underline; } ul li a:hover{text-decoration:underline; } Share this post Link to post Share on other sites
Rob Severijns 0 Report post Posted June 18 Katryne, You happen to know how to make the link Bold while hovering? Share this post Link to post Share on other sites
Katryne 0 Report post Posted June 18 font-weight:bold; inside the brackets (that was an easy one) Share this post Link to post Share on other sites
Katryne 0 Report post Posted June 18 And how do you like my links, here (not hover, just links) : https://clan.chauvigne.info/ Edit : in fact, I won't let them like that, because of the Cloud of names : all links are identical there. Unless I find a way not to take into account the Cloud of names. Edit Edit : I found the way. And please : no critic, I always liked glitters ... and unicorns Share this post Link to post Share on other sites
Rob Severijns 0 Report post Posted June 18 Well done Katryne, I really like the changing colors of the links on your page It makes the page more lively instead of static text.👍 Last but not least "what a lovely ÿoung girl in the picture". So young and so innocent. 😀 Makes me want to look at the older pictures of my own daughters and having my thoughts take me back while drifting on the currents of time. Share this post Link to post Share on other sites
Jean-Pierre 0 Report post Posted June 18 Thank you all for your help! Share this post Link to post Share on other sites
Katryne 0 Report post Posted June 18 this is me on the picture, some time ago... And the coding is pure css. Share this post Link to post Share on other sites