1. Helix Ultimate
  2. Saturday, 17 November 2018
Hi guys,
on my site last joomla 3.9 + Helix Ultimate 1.0.4 + SP Page Builder Pro 3.3.6:

Helix Ultimate > Typography > Body:
I set my Noto Sans Font with 16 px Size

It is shown right in the content pages and also the page created with SP Page Builder,
but in the Bottom and Footer rows seem that the setting is not inherit and words are smaller...

Please, What am I missing ?
Where can I set font sizein the right way ?
Accepted Answer
But...
The only problem I see, is smaller font size indeed (14px not 16px)
becuase it's used from template styles.

in that case use:

#sp-bottom { font-size:16px;}

and if you really need

#sp-footer { font-size:16px;}



yes, Helix have manual how to use custom code.
  1. more than a month ago
  2. Helix Ultimate
  3. # Permalink
Responses (11)
Hola,
On whole site this CSS code is used:

body {
font-family: 'Noto Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
}


p.s. Template have also its own styles.
  1. more than a month ago
  2. Helix Ultimate
  3. # 1
p.s.
Tip for tomorrow, please start using Code Inspector from your browser.
You will safe your time, and increase your skill level.

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
  1. more than a month ago
  2. Helix Ultimate
  3. # 2
Hola Paul,
as always many thanks,
The only problem I see, is smaller font size indeed (14px not 16px)

That's the problem.
I'm using Helix Ultimate and my thought was that setting the Typograpy > Body style (font and size) that should be the default standard Style (unless otherwise specified).

Now, if I understood well, you are telling me that "Body" is only for body content and the Helix Ultimate have yet its own styles.
So the question would be, How to set in Helix Ultimate the default Typography Style (Font and Size) that should be inherit in all site ?
In the Row Options Style I can only define the colors.

So, you mean that for each Raw that is not the Content Body I should add the custom CSS code ? :

#sp-"eachraw"... {
font-family: 'Noto Sans', sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
}
  1. more than a month ago
  2. Helix Ultimate
  3. # 3
Not always, first check by Code Inspector is font size not overridden by template, like it was for bottom and footer. Then you can use your own styles.
For sure : Font-family - is inherited always, as long you not change it.


sp-eachraw {..}


browser will not understand that (!) something is missing. Please, do not force me to teach you CSS here.
  1. more than a month ago
  2. Helix Ultimate
  3. # 4
Yes, sure, don't warry and thanks for help.
I'm trying to understand How Helix Ultimate is working:

if I understood well, you are telling me that "Body" is only for body content and the Helix Ultimate have yet its own styles.

Am I right ?

So the question would be: How to set in Helix Ultimate the default Typography Style (Font and Size) that should be inherit in all site ?

Am I missing any Helix Ultimate settings or Do I have to work on Custom CSS ?


For newbie like me, documentation https://www.joomshaper.com/documentation/helix-framework/helixultimate#typography-settings is always a little bit poor without examples...
  1. more than a month ago
  2. Helix Ultimate
  3. # 5
I have to add more information's, indeed.
  1. more than a month ago
  2. Helix Ultimate
  3. # 6
Hi Paul,
as far as I can read something is not running as described:

A - Helix Ultimate documentation - Default Font
"...If none of Typography option will be enabled, the default fonts are used from Bootstrap 4. Helix Ultimate use “native font stack”..."

B - Bootstrap 4 Typography - Global Settings
"...For a more inclusive and accessible type scale, we assume the browser default root font-size (typically 16px) so visitors can customize their browser defaults as needed..."

C - Bootstrap 4 - Native font stack
"...No base font-size is declared on the <html>, but 16px is assumed (the browser default). font-size: 1rem is applied on the <body> for easy responsive type-scaling via media queries while respecting user preferences and ensuring a more accessible approach..."
"...This font-family is applied to the <body> and automatically inherited globally throughout Bootstrap..."

So,
1 - Bootstrap default should be 16px and not 14px,
2 - and applied to the Body and automatically inherited. That's, why when I set a new Body Font the expected behaviour si an "automatic inherit" to the whole content
  1. more than a month ago
  2. Helix Ultimate
  3. # 7
ad 1) in theory yes, but developer decided (i don't know why) to put static value for bottom
i asked to remove it
  1. more than a month ago
  2. Helix Ultimate
  3. # 8
Hi Paul,

(Bottom and Footer default raws) thanks for it !

And I add that a rem (em) apporach (like Bootstrap 4) is a must in a WPA (web progressive apps) / Responsive world...
  1. more than a month ago
  2. Helix Ultimate
  3. # 9
Yes, px are old style.
  1. more than a month ago
  2. Helix Ultimate
  3. # 10


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.