I like to modify the body font size, no way in the template manager ?
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
-
I like to modify the body font size, I see no way in the template manager of Isotope.
I now the font size is probably different on different type of device. Should I use CSS ? I was thinking that Gantry 5 will have more control on the body and header typo size directly in the template manager.
I find that really important as you can change the fonts used (mostly the headers) and you will have to reajust the size to visually replace the original RT Font. - Last Edit: 8 years 6 months ago by Patrick Toulze.
- Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 6 months ago- HI Patrick you can always adjust the font size with css code... What font size would you like to adjust for body or for headers or ???
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 6 months ago- I guess the body font only. I’m working whith Isotope
- Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 6 months ago-
Well you can make overrides in scss code just chnage the values here and add this to custom.scss file
// Base Sizes $core-font-size: 1rem !default; $core-line-height: 1.5 !default; // Heading Sizes $h1-font-size: $core-font-size + 1.25 !default; $h2-font-size: $core-font-size + 0.90 !default; $h3-font-size: $core-font-size + 0.50 !default; $h4-font-size: $core-font-size + 0.25 !default; $h5-font-size: $core-font-size !default; $h6-font-size: $core-font-size - 0.15 !default;
To add custom style sheet to Gantry 5 Framework please follow these instructions:
docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 6 months ago-
I guess you need someking of Javascript to create a font-sizer button that will permit the user to modify it?
I will check on one of your template that got the tools.
It will be great to have it as a particle. - Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 5 months ago- Well yes it needs some js magic ...
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 5 months ago-
Sadly I’m far to be expert in Javascript.
Do you think it will be possible to have a particle for that.
By the way do you have a way to import/export particles from one site to another. It will be great as people will be able to devellop special particle for Rocket Templates.
That way it will be possible to have your own Rocket JED where people can devellop new cool stuff for Rocketheme template.
Just an idea!!!! - Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 5 months ago-
Yes that's the plan for future ....also look at this:
www.programming-free.com/2013/12/increas...ont-size-jquery.html - Last Edit: 8 years 5 months ago by Damir.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- Patrick Toulze
- Elite Rocketeer
- Posts: 1810
- Thanks: 18
- Marketing - Web Designer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 5 months ago-
Cool that’s an interesting news
Thanks for the link
Ok, I guess JQuery is probably loaded in all RT Template
Now (if I understand) I need to load that Javascript on the page I need my Decrease/increase buttons
<script type="text/javascript"> $(document).ready(function() { $('#incfont').click(function(){ curSize= parseInt($('#content').css('font-size')) + 2; if(curSize<=20) $('#content').css('font-size', curSize); }); $('#decfont').click(function(){ curSize= parseInt($('#content').css('font-size')) - 2; if(curSize>=12) $('#content').css('font-size', curSize); }); }); </script>
and add the following html for my button, that’s it?
<div id="fontlinks"> <a href="#" id="incfont" class="button buttonfont">A+</a> <a href="#" id="decfont" class="button buttonfont">A-</a> </div>
- Graphic Designer - Marketing -Web Sites — Trying to become a decent human being.
www.grafcomm.ca
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
Re: I like to modify the body font size, no way in the template manager ?
Posted 8 years 5 months ago- Yes but you need to adjust the ID, whats your URL so i can see the code also you would like to adjust this site wide right on all text?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.062 seconds