Web based family history software

Question Rural theme - font size

  • mac.alter
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 months 3 weeks ago #1 by mac.alter
Rural theme - font size was created by mac.alter
Was excited to find Rural Theme which I remember from PGV days. Already added my own header.
One item I require is larger font sizes - facts/events for individuals and families text primarily. Can this be done? 

Mac.alter [update: 25 Mar 2024]
webtrees 2.1.20 | PHP Version 8.1.27 | mySQL 8.2 | MacOS 14.5 (Sonoma)

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

More
6 months 3 weeks ago #2 by Franz Frese
Replied by Franz Frese on topic Rural theme - font size
Can you please do a screenshot and mark the parts to szie bigger .

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

  • mac.alter
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 months 3 weeks ago #3 by mac.alter
Replied by mac.alter on topic Rural theme - font size
It's all typed text for events, facts, etc. Using the browser to increase font size is not a solution. I love the theme but vision impairment means I need slightly larger type. 

Mac.alter [update: 25 Mar 2024]
webtrees 2.1.20 | PHP Version 8.1.27 | mySQL 8.2 | MacOS 14.5 (Sonoma)

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

More
6 months 3 weeks ago - 6 months 3 weeks ago #4 by Franz Frese
Replied by Franz Frese on topic Rural theme - font size
Ask the author (issue at github), or change the theme by yourself, or perhaps a css-modification is possible.
Last edit: 6 months 3 weeks ago by Franz Frese.

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

More
6 months 3 weeks ago #5 by photon flip
Replied by photon flip on topic Rural theme - font size
You could try adding <style>html {font-size:20px}</style> 
to the CSS and JSS module. It looks like the Rural theme sets the font size at the HTML level. The CSS JSS  works globally so that's going to affect more than just the Rural theme and may have unforeseen consequences elsewhere but you could give it a try.
Someone more knowledgeable should be able to come up with something more elegant I'm sure. 
 

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

  • mac.alter
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 months 3 weeks ago #6 by mac.alter
Replied by mac.alter on topic Rural theme - font size
Will hope for response as I don't want to globally change font size.

Mac.alter [update: 25 Mar 2024]
webtrees 2.1.20 | PHP Version 8.1.27 | mySQL 8.2 | MacOS 14.5 (Sonoma)

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

More
6 months 3 weeks ago - 6 months 3 weeks ago #7 by jon48
Replied by jon48 on topic Rural theme - font size
Hello,

The approach suggested by photon flip would actually be the simplest one to increase the font size.
It can be made specific to the Rural theme, by applying it at the body level (assuming the theme is in the standard folder):
Code:
body.wt-theme-_myartjaub_ruraltheme_ { font-size: 16px; }

The theme is built on Bootstrap, and use relative size (rem) to the root one, so most of it should scale accordingly. The theme is optimised for the native 12px size, so everything may not be as neat with a larger font (some charts may overflow as they are scaled).

If you mean to change the font size only for specific areas, that may become more complex, and there is nothing native to the theme that allows that.
Technically, the approach above can work, by targeting the appropriate level of CSS container, but I am afraid that can end up being tedious, for instance


Code:
body.wt-theme-_myartjaub_ruraltheme_ .form-control { font-size: 18px; }

Jonathan
genea.jaubart.com - Famille Jaubart-Rousset en Lozère - webtrees 2.1.19 (modifié - GitHub repo , thème Rural)
Local: Ubuntu 22.04 - Apache 2.4 - PHP 8.1 - MySQL 8.0 / Public: FastComet
Last edit: 6 months 3 weeks ago by jon48.

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

  • mac.alter
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 months 3 weeks ago #8 by mac.alter
Replied by mac.alter on topic Rural theme - font size
Opened "rural.min.css" and saw it's a complete run-on file which I didn't understand. Search for "body.wt-theme" didn't return results. Would try 14px to increase all typed areas or labels too if it applies to those. Will see if that "breaks" formatting".

Mac.alter [update: 25 Mar 2024]
webtrees 2.1.20 | PHP Version 8.1.27 | mySQL 8.2 | MacOS 14.5 (Sonoma)

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

More
6 months 3 weeks ago #9 by jon48
Replied by jon48 on topic Rural theme - font size
You should not modify the rural.min.css file directly.
We meant for you to use the "CSS and JS" module, which is available as standard with webtrees.

Once enabled, you can add any custom CSS to your page. It has the additional benefit of being kept when upgrading webtrees or the modules, so you do not have to tweak the files every time.
With the suggestion I have given above, the configuration would be:

 

 

Jonathan
genea.jaubart.com - Famille Jaubart-Rousset en Lozère - webtrees 2.1.19 (modifié - GitHub repo , thème Rural)
Local: Ubuntu 22.04 - Apache 2.4 - PHP 8.1 - MySQL 8.0 / Public: FastComet

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

  • mac.alter
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
6 months 3 weeks ago #10 by mac.alter
Replied by mac.alter on topic Rural theme - font size
Ah, that makes more sense! 
While I'm going to adjust CSS, I'd like to add table border lines  for the census. Albeit, the ones I have so far are not created in webtrees (imported). Not sure if that will make a difference to webtrees census. Borders show in Colours theme so would be only for Rural. Here's snippet:
 

Mac.alter [update: 25 Mar 2024]
webtrees 2.1.20 | PHP Version 8.1.27 | mySQL 8.2 | MacOS 14.5 (Sonoma)

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

More
4 months 2 weeks ago #11 by macalter
Replied by macalter on topic Rural theme - font size
I posted this a couple of months ago but see no replies. Is there no method for adding table borders for Rural theme? As per example for Cenus.

---
macalter
webtrees 2.1.18
Mac.alter [update: 24 Jan 2024]
webtrees 2.1.18 | PHP Version 8.1.17 | mySQL 8.1 | MacOS 10.15.17

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

More
4 months 2 weeks ago - 4 months 2 weeks ago #12 by JustCarmen
Replied by JustCarmen on topic Rural theme - font size
You could try this:
Code:
<style> .wt-theme-_myartjaub_ruraltheme_ .wt-facts-table th, .wt-theme-_myartjaub_ruraltheme_ .wt-facts-table td { border: 1px solid; } </style>

Add the code above to the css part of the css/js module.


Carmen
Designer of the JustLight theme (comes with a light and dark color palette), Fancy Imagebar, Fancy Research Links and Fancy Treeview for webtrees 2


Check my website at www.justcarmen.nl
Last edit: 4 months 2 weeks ago by JustCarmen.

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

  • mac.alter
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
4 months 2 weeks ago #13 by mac.alter
Replied by mac.alter on topic Rural theme - font size
<uote>Add the code above to the css part of the css/js module. </quote>

If this is added to existing file, it'll be does it get overwritten on upgrading? 

Mac.alter [update: 25 Mar 2024]
webtrees 2.1.20 | PHP Version 8.1.27 | mySQL 8.2 | MacOS 14.5 (Sonoma)

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

  • bertkoor
  • Offline
  • Platinum Member
  • Platinum Member
  • Greetings from Utrecht, Holland
More
4 months 2 weeks ago #14 by bertkoor
Replied by bertkoor on topic Rural theme - font size
File?? No, it is part of module settings.
Module settings are stored in the database, which is a safe place during upgrades. Files get overwritten, database content not.

stamboom.BertKoor.nl runs on webtrees v1.7.13

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

  • mac.alter
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
4 months 2 weeks ago - 4 months 2 weeks ago #15 by mac.alter
Replied by mac.alter on topic Rural theme - font size
I added the styles to the CSS/JS that I found  under 'Other' underneath my Vesta module. It worked, thanks.
Also realized this is where the CSS for font size went so added that too and got the larger font size too.

Mac.alter [update: 25 Mar 2024]
webtrees 2.1.20 | PHP Version 8.1.27 | mySQL 8.2 | MacOS 14.5 (Sonoma)
Last edit: 4 months 2 weeks ago by mac.alter.

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

More
4 months 2 weeks ago - 4 months 2 weeks ago #16 by Franz Frese
Replied by Franz Frese on topic Rural theme - font size
goto "control panel"
goto "modules"
look at "other", ​​​​goto "CSS and JS " (if not there goto "all modules" and activate (check,tic box) for "CSS and JS ")
enter the body.wt-theme-_myartjaub_ruraltheme_ { font-size: 16px; }
look if the block is surrounded by <style></style> meaning:
<style>
... other text, if desired
body.wt-theme-_myartjaub_ruraltheme_ { font-size: 16px; }
... more text, if wanted
</style>
click save
 
Last edit: 4 months 2 weeks ago by Franz Frese.

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

  • mac.alter
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
4 months 2 weeks ago #17 by mac.alter
Replied by mac.alter on topic Rural theme - font size
Thanks, I did find where to add the CSS and got the results desired. Much easier reading my imported Cenus entries. My guess is the 'default Rural theme' doesn't have mention as I see the table in my Journal block has no borders either. Not worried about that as entry is temporary, and only for me.

Mac.alter [update: 25 Mar 2024]
webtrees 2.1.20 | PHP Version 8.1.27 | mySQL 8.2 | MacOS 14.5 (Sonoma)

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

More
4 months 6 days ago #18 by Franz Frese
Replied by Franz Frese on topic Rural theme - font size
What do I have to do for changing the size of the dropdown-items of the dropdown-menus. These are not resized with the css above. 

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

Powered by Kunena Forum
}