Web based family history software

Question Rural theme v1.5.3 - The look of (most) links.

  • HantonG
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 5 months ago #1 by HantonG
Hi all!

I'm running webtrees v1.5.3, using the Rural v1.5.3 theme, and everything works like a charm,
but I'm in the need of some guidance on how to change how most links appears on my site.

I would like:
  1. .. all links to be black, without underline as default
  2. .. only individuals full name as link
  3. .. all links to be red when hovered with the mouse

.. and I would like the same for links in pedigree trees etc. as well. (I don't like that blue color all over) ;-)

Link to my my genealogy site .

Any help on these issues are very much appreciated!
Thank you for your time. Have a nice day ;-)

Regards,
Hans Anton

--
I don't trust stairs ... they're always up to something.

Please Log in or Create an account to join the conversation.

More
9 years 5 months ago #2 by makitso
Hans,

I don't use the Rural theme myself. However, you can try changing the theme's style.css file and add these lines to the bottom of it -- that should address #1 and #3.

a {
color:black!important;
text-decoration: none;
}
a:hover {
color:red!important;
}

Rob
www.skatekey.net ( webtrees 2.1 beta GitHub)
webtrees forum admin
PHP 8.1.21
Hosted at tigertech.net

Please Log in or Create an account to join the conversation.

  • HantonG
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 5 months ago #3 by HantonG
Thank you, Rob!

That actually did the trick for both #1 and #3.
.. however it also changed the color of all links in the header (Login, Favorites, Language and Theme).
I have a rather dark header, so I would like to keep these links in white color .. any suggestions?

I have tried different changes to the style.css file, but to no good so far.

Anyway: You really made my day, Rob!
Thanks a million!

Regards,
Hans Anton

--
I don't trust stairs ... they're always up to something.

Please Log in or Create an account to join the conversation.

More
9 years 5 months ago #4 by makitso
My earlier suggestion was, in my thinking, the easiest solution for someone not knowledgable in css. However, the important! portion is very heavy handed in that it overrides all other link definitions -- which may not be the best solution for you.

You can try adding these styles after the earlier ones.

#menu-language > a {color:white!important;}
#menu-favorites > a {color:white!important;}
.makeMenu .link {color: white!important;}

Rob
www.skatekey.net ( webtrees 2.1 beta GitHub)
webtrees forum admin
PHP 8.1.21
Hosted at tigertech.net

Please Log in or Create an account to join the conversation.

  • HantonG
  • Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 5 months ago #5 by HantonG

makitso wrote: My earlier suggestion was, in my thinking, the easiest solution for someone not knowledgable in css.

I knew this would affect all links throughout my site, so .. I guess I simply got what I asked for! ;-)

#menu-language > a {color:white!important;}
#menu-favorites > a {color:white!important;}
.makeMenu .link {color: white!important;}

Thanks a lot, Rob .. this worked very well.

Have a nice day, and God bless!

Regards,
Hans Anton

--
I don't trust stairs ... they're always up to something.

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum
}