Hi there,

Thanks for contacting us. Sorry for the inconvenience. Please read the documentation of the Helix Ultimate typography section. I hope you will understand how it works exactly. Besides. The Page Builder doesn't have a global typography option. But, you can change your typography from your addon settings for the individual.

https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/typography

-Thanks

Thanks, I had found and used the Typography section of Template Settings, my question was where is that information stored. I assume its a CSS somewhere or is it in the database? I am asking becuase I want to make Global Font settings, I want H1 to be H1 however I display it on my site and therefore have decided to use a custom.css file. I just wanted to know where they're stored so I can copy-paste from there into my custom.css Cheers

Never mind (a Duh moment), just realised I could use Inspect in Chrome and find them and since they are showing in <style> in the page I assume they're being stored in the database somewhere

Sorry for the bother

I assume its a CSS somewhere or is it in the database?

CSS

Ah, since I had found it in the web page in the Header like so... <style> h2{font-family: 'Noto Sans', sans-serif;font-weight: 700;text-decoration: none;}</style> ... that it was added as part of a process as opposed to being taken from a CSS file.

Again I know nothing about this stuff, just curious, which CSS file is it?

Will you please share an screenshot about your h2 area? Thanks

I have shared my site link below, if you check the <header></header> with Inspect or whatever, towards bottom are a series of <Style> tags which contain the setting from Typography. I verified this by changing H1 to waterfall

while I'm here just to check. Can I assume with this info that the CSS heirarchy would be Joomla > Bootstrap > Helix > Custom.css > typography > Template Settings - Custom Code ? Cheers

Please check the screenshot.

https://drive.google.com/file/d/1A5ez1KuPg2QmO1HxaK8ZwOBL8iUdAY2w/view

So, some confusion here. Original question was I wanted to know where the Typographical settings, from Template Settings, where stored.

I wanted that information so I could create a Custom.css and copy that information into it so that ALL my H1-H6 settings where the same, whether I used a SP PG Pro Page/Add-on/Default Joomla Article or Module, unless I overwrote them in the specific item.

So, if I may, let me get back to my original problem. What is the best solution for me to have ALL H1-H6 and Body typography settings the same throughout my whole website - unless I specifically overwrite them. Thanks again for your help

If you set h1 to h6 from template manager then it will globally. But, if you use page builder any heading content then you have to assign your heading from the page builder settings which you need.

That is not what I am seeing unless I am misunderstanding how things work. This image is an Article I created with SPPB, as you can see I have 6 heading add-ons and I have use the drop down to select the H1-H6. I have not changed anything else At the bottom is a Text Block. In that I added 6 lines of text and select H1-H6 in the Styles dropdown https://drive.google.com/file/d/1It2CWdzJrXPb0R0kxRe_cXY7lFP_KxCG/view?usp=sharing

My expectation is that H1 in Heading Add-on is the same as H1 in Styles in a Text Block and basically everywhere throughout my website. If I need to do something else to make that happen please let me know, my simple mind an't keep track of what H1-H6/Body Style is used where :-) Cheers

You can create a custom.css file inside the css folder and write down css code like this.

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1{
    font-size:32px;
}
h2{
font-size: 26px;
}

h3{
font-size: 18px;
}

h4{
font-size: 16px;
}

h5{
font-size: 14px;
}

h6{
font-size: 12px;
}

Ok, just to make sure I understand . You are agreeing that using Template Settings > Typography is NOT global and that I need a custom.css?

So I tried that, I have a a custom.css which I know if being access as I can see it in the header and also I can see change in pages. I added the following, which is fromthe <style></style> in the page which is comming from the Typography Setting

h1{font-family: 'Waterfall', sans-serif;font-weight: 700;text-decoration: none;}

I did not see any changes I used the Inspect option and this is the Line I saw

<p class="h1">Default Article - H1 Style</p>

Which actually says it is getting the Font-Family from my Body Typography setting if you follow the Inspect stuff.

So does that mean I have to do things differently. Any guidance you can offer would be greatly appreciated

https://piningforthefjords.co.uk/testing/typography-test

Will you please provide me the Joomla administrator access to check the issue?

Provided below, am currently working on stuff but will leave that alone

Super administrator access, please. Thanks

A question

I just checked h1 font size and it works fine in your typography test page.

https://prnt.sc/CYqsu5algn1t

Once again a misunderstanding, I never said Typography wasn't working. I think this ticket is just getting to confusing so I will start another with my main objective which is to make sure that H1-H6 and Body is the same throughout website no matter where i use it <H1> - <H6>

As you can see in the link that is not the case

Thanks for your time

Thanks Mr Frankowski, Again you tell me something I didn't know re: the editors. I am just now using JCE as I read about it (a dangerous thing). I read more on JCE to make sure its using my custom.css settings. I also did notice that the Search results and stuff seemed to be using different typography but I will track that down. Thanks to you both for your patience, I won't need to start another another post.