marc7

Hallo Jordisign,
It works perfect (as you can now see on the page if you want).

The artwork will be provided with a QR code at the exhibition. This allows visitors to see the inside of the work without touching it, which is not allowed.
So many many thanks for your adequate tip !!!!!

Marc

• This reply was modified 1 year, 4 months ago by marc7.

Hello @jordesign

I’m used to working with the cover block though, but for some reason I looked over the setting. It is again very much searching for the location of the settings in the editor now that everything has completely changed again. But so found again now.
Thanks for your response !
Marc

Hi Kathryn,

I added the code you provided.
In this print screen you can see what I entered.
Unfortunately with no result. I’m still missing something somewhere probably.

==> correction:
Online, a difference can be seen.
But during the formatting of the page or blogpost, you only see the values as specified in the theme.json file. You have to open the “example” to see the result.
This is very confusing. When working on the layout, you actually have no idea of what you are doing.
What a mess.
So wouldn’t creating a child theme be a better solution in the end?
And (if so) is there a video somewhere that goes through step by step how to do that?

Honestly, I did not expect that moving websites to TwentyTwentyThree would require so much programming know-how to include these simple basic features.

By the way: how can I open that ‘browser inspector’?

Looking forward to your help.
Marc

• This reply was modified 2 years ago by marc7.

Hi Kathryn,

I added a test page on the website. https://www.edithvandriessche.be/test/
This page shows the font sizes as specified in the theme-json file.
In the Customizer, I changed the values of Small and Medium from 0.8 to 1.8 rem and from 0.9 to 1.9 rem. So that should produce a much larger font on the test page, but it doesn’t. So the command in the Customizer does not override the values in the json file.

I added a copy of the CSS structure in the Customizer in the previous post, but I don’t know if that’s enough for you?
Do you have access to the Customizer on my website or can I give it to you so you can see what it contains?

Changing ‘bottom’ into ‘unset’ works 100% !!! Wow. Thank you for this tip !!!

I also added the CSS to adjust the text sizes (my original question).
In the theme.json file, this works very well. I have now added this code in this ‘Additional CSS section zone’, but this does not overrule the values of the theme.json file. How could this be? You can see the content in this file. I don’t know if it means anything but all the text is highlighted in red.

Thanks Thelmachido,
I found it and pasted the CSS.
Different px values are accepted, but the bottom alignment is still a little below the line. See https://snipboard.io/sZM4Wh.jpg . I put the year “1971” (after title in the black block) 2x in a row to see it well. But perhaps this little beauty flaw cannot be avoided.

Additional question:
A few comments above, it was suggested by Carolina Nymark (@poena) to create a child theme. Reason was to avoid that added CSS in the standard theme.json file would be overwritten during an update.
However, I read that the changes in the Additional CSS section that you now propose will also not be overwritten. So can I not enter the CSS (related to changing the set text sizes) here as well?

Hi Thelmachido,

The solution you suggest to adjust the subscript seems fine to me. However, I can’t find the code in my css file. A search shows that “sub” does not appear anywhere. Can I add that myself and how / where exactly.
Thanks for responding !
Marc

Hi Alvaro,
Thanks for responding!

I could be wrong, but the box you specify in your screenshot seems to affect the entire block.
My question in the margin was: It would be useful to also be able to make a word in a text line smaller (just like you can highlight it). for example: “you can view this product” (small text: “not for sale” or “year of construction”)

In this print screen, https://snipboard.io/g2QfGi.jpg the selected piece of text may be smaller in size. Using Subscript would put the text a bit too low (which doesn’t look nice). So I’m looking for another way.
(Or can I correct that Subscript position in the theme.json file somehow? That could be a solution to.)
So how to make in one textline some words smaler in hight?

As I am converting some web sites from a classic web builder (HTML) to WordPress TT3, it turns out that a number of small evidences do require rather cumbersome interventions. This is unfortunate. But hopefully the possibilities will expand. Perhaps it would be possible to provide an extra box for different font size of a selected textpart, (in the “more” option in addition to ‘highlight’, ‘subscribt’ and so on).

I finally discovered that I can access the theme.json file through the dashboard in Tools. It was too obvious for most to mention perhaps, but I couldn’t find it anywhere, not even in the tutorial.
Now I see where the code is and was able to successfully modify it !!!!

I will look further into the info about the child theme.

The other too obvious question:
Sgrenholm wrote: (to ad small text in a line)
The ‘old-school’ way of doing this would be to edit the text as html, and put a custom <span class=”my-special-class”>changed inline words</span> around it.
This works for me (after adding the CSS using the customizer, of course). In fact it’s the only way I know to accomplish this. Is there a better way to do this?
Specifically, what do I need to open/insert (step by step) to add this code in a line?

Thank you very much for the clarification, and nice to hear that the requested option will be built in the future. I may have to wait for that because….
Despite the ‘how-to’ guide, too much is still unclear to me. To start simply: Where do I find / open the theme.json file?
If a simple answer can get me started I’d love to hear it. Adjusting the code in itself is no problem, but should a complicated procedure be necessary to import / install and adjust things, then I think I should leave it here and wait for the release of the text size adjustment option as described above. In that case, the topic may be closed as far as I am concerned.
In any case, thank you very much for the clarification.
Greetings,
Marc

Hello Kathryn,

I regret to say that it doesn’t work that way. Although I’m not quite sure what you still mean by “select your deires unit” after setting the value:
“In the size field that appears, enter a value and select your desired unit“

What I did: I make 3 paragraph blocks on a page:
– 1) Text with setting Smal
– 2) Text with setting Medium
– 3) Text with setting Large
I publish it.

I go to editor and do what you suggest. What I see is this:
> I click on Smal and than enter a custom value:
= only the text created in text size medium changes.
> I click Medium and than enter a custom value:
= only the text created in text size medium changes.
> I click Large and than enter a custom value:
= only the text created in text size medium changes.
Do you get a different result when you do this?

My conclusion:
1) Only the text blocks set to Medium when creating the page are affected by the settings in the editor.
2) You can adjust these text blocks (which are set to Medium when creating the page) in 2 ways in the editor: you set them to S, or to M, or to L,…. OR you set them to a custom value.
3) You cannot adjust the px (or REM) value of S,M,L,… separately in the editor.
SO… unless I’m wrong somewhere (!) … There is no option provided in TwentyTwentyThree to set presets in the editor for the font sizes S,M,L,…. separately. This is regrettable because it largely shapes the appearance of the website. It would be nice if this option becomes available in the future. So currently there is no option other than to enter custom values block by block if the standard settings are not satisfactory.
It makes me wonder if you would manage to get the various settings done in the editor. I hope I’m missing something and it goes anyway

The option to change settings in the theme.json and make a child theme is something that I would have to learn about, but not so user-friendly it seems.

Many greetings,
Marc

• This reply was modified 2 years ago by marc7.

Hello Thelmachido,
The line height you suggest only affects the space BETWEEN the lines, not the size of the characters themselves.
And yes, in the text blocks is the option to choose between S M L…, but I would like to change the preset values for S,M L,…. (= The height of the characters, just like you can for the Headings section).
I would like to reduce the presets of the character height of S, M and L.
It would be desirable to be able to do that for the whole site, otherwise you have to adjust everything text block by text block via the custum setting.

I hope I could clarify my question a little bit.
Greetings,
Marc

Oh Kathryn thanks for the nice guidance.
It works perfectly. Simple when you know it, but I wasn’t able to piece together the various elements in the online information. I was not familiar with the query loop. So thanks a lot.
Many greetings,
Marc

(Addition to previous post:) I use a page and not a blog for this ?

Hallo Kathryn,

I read the information and followed the instructions. For now only the blog title appears and not the whole post. The result can be seen at https://gzk.marckant.be/home/ . So I am missing a link somewhere.