- Posts: 131
Whilst small files can be uploaded to forum posts, if you have a custom theme or module to contribute please add it on the "Add-ons" page.
Question Rural theme - font size
- mac.alter
-
Topic Author
- Offline
- Junior Member
-
Less
More
3 weeks 1 day ago #1
by mac.alter
Mac.alter [update: 23 Oct 2023]
webtrees 2.1.18 | PHP Version 8.1.17 | mySQL 8.1 | MacOS 10.15.17
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?
One item I require is larger font sizes - facts/events for individuals and families text primarily. Can this be done?
Mac.alter [update: 23 Oct 2023]
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.
- Franz Frese
-
- Offline
- Elite Member
-
3 weeks 1 day ago #2
by Franz Frese
see freris.de
Replied by Franz Frese on topic Rural theme - font size
Can you please do a screenshot and mark the parts to szie bigger .
see freris.de
Please Log in or Create an account to join the conversation.
- mac.alter
-
Topic Author
- Offline
- Junior Member
-
Less
More
- Posts: 131
3 weeks 13 hours ago #3
by mac.alter
Mac.alter [update: 23 Oct 2023]
webtrees 2.1.18 | PHP Version 8.1.17 | mySQL 8.1 | MacOS 10.15.17
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: 23 Oct 2023]
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.
- Franz Frese
-
- Offline
- Elite Member
-
3 weeks 13 hours ago - 3 weeks 13 hours ago #4
by Franz Frese
see freris.de
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.
see freris.de
Last edit: 3 weeks 13 hours ago by Franz Frese.
Please Log in or Create an account to join the conversation.
- photon flip
-
- Offline
- Junior Member
-
3 weeks 12 hours ago #5
by photon flip
MurrayJ
Fuller-Bennett Family Tree
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.
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.
MurrayJ
Fuller-Bennett Family Tree
Please Log in or Create an account to join the conversation.
- mac.alter
-
Topic Author
- Offline
- Junior Member
-
Less
More
- Posts: 131
2 weeks 4 days ago #6
by mac.alter
Mac.alter [update: 23 Oct 2023]
webtrees 2.1.18 | PHP Version 8.1.17 | mySQL 8.1 | MacOS 10.15.17
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: 23 Oct 2023]
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.
- jon48
-
- Offline
- Junior Member
-
2 weeks 3 days ago - 2 weeks 3 days ago #7
by jon48
Jonathan
genea.jaubart.com - Famille Jaubart-Rousset en Lozère - webtrees 2.1.18 (modifié - GitHub repo , thème Rural)
Local: Ubuntu 22.04 - Apache 2.4 - PHP 8.1 - MySQL 8.0 / Public: FastComet
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):
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
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.18 (modifié - GitHub repo , thème Rural)
Local: Ubuntu 22.04 - Apache 2.4 - PHP 8.1 - MySQL 8.0 / Public: FastComet
Last edit: 2 weeks 3 days ago by jon48.
Please Log in or Create an account to join the conversation.
- mac.alter
-
Topic Author
- Offline
- Junior Member
-
Less
More
- Posts: 131
2 weeks 3 days ago #8
by mac.alter
Mac.alter [update: 23 Oct 2023]
webtrees 2.1.18 | PHP Version 8.1.17 | mySQL 8.1 | MacOS 10.15.17
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: 23 Oct 2023]
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.
- jon48
-
- Offline
- Junior Member
-
2 weeks 3 days ago #9
by jon48
Jonathan
genea.jaubart.com - Famille Jaubart-Rousset en Lozère - webtrees 2.1.18 (modifié - GitHub repo , thème Rural)
Local: Ubuntu 22.04 - Apache 2.4 - PHP 8.1 - MySQL 8.0 / Public: FastComet
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:
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.18 (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
-
Less
More
- Posts: 131
2 weeks 3 days ago #10
by mac.alter
Mac.alter [update: 23 Oct 2023]
webtrees 2.1.18 | PHP Version 8.1.17 | mySQL 8.1 | MacOS 10.15.17
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:
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: 23 Oct 2023]
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.