https://gyazo.com/6c337a5e06533812d6eabc1cf58cd532

Thanks

Regards Vic

I am trying to style a new newsletter, but for the font sizes, there are only dropdowns, I cannot enter the font sizes that I need. In the documentation, there are input fields: https://kb.mailpoet.com/article/289-styles

How can I get those fields or otherwise enter the correct font sizes?

Thank you!

EDIT: I continued and run into other walls. E.g. how can I make headings bold? Is there a way to override template styles in my child theme?

I found a wp.org tutorial page for adding custom units to the block editor, but creating a functions.php with “custom-units” doesn’t seem to work for the site editor. I also found where to add custom units to the “spacing” section of theme.json (e.g. I added vmin and vmax). I can change the pre-named “fontSizes,” but “customFontSize” is a boolean, with no units options.

Can I, by editing theme.json, creating a functions.php file, or changing anything else, make the theme editor more flexible? Is there a resource that’ll help me with the various additional options that I could add?

add_theme_support(
			'editor-font-sizes',
			array(
				array(
					'name'      => esc_html__( 'XS', 'mywebsite' ),
					'shortName' => esc_html_x( 'XS', 'Font size', 'mywebsite' ),
					'size'      => 14,
					'slug'      => 'extra-small',
				),
				array(
					'name'      => esc_html__( 'S', 'mywebsite' ),
					'shortName' => esc_html_x( 'S', 'Font size', 'mywebsite' ),
					'size'      => 16,
					'slug'      => 'small',
				),
				array(
					'name'      => esc_html__( 'M', 'mywebsite' ),
					'shortName' => esc_html_x( 'M', 'Font size', 'mywebsite' ),
					'size'      => 18,
					'slug'      => 'normal',
				),
				array(
					'name'      => esc_html__( 'L', 'mywebsite' ),
					'shortName' => esc_html_x( 'L', 'Font size', 'mywebsite' ),
					'size'      => 30,
					'slug'      => 'large',
				),
				array(
					'name'      => esc_html__( 'XL', 'mywebsite' ),
					'shortName' => esc_html_x( 'XL', 'Font size', 'mywebsite' ),
					'size'      => 40,
					'slug'      => 'extra-large',
				),
			)
		);

and here you can see how it looks like now in editor: https://ibb.co/2383bvh

As you can see, there is no px value. Only name of font size, which isn’t the same as on button.

If I choose for example L on button, the has-normal-font-size class is applied. So it works like it used to be, only labels on the buttons are incorrect (and missing px value).

Is it a bug in WP 6.1 or do I have to change something? What exactly? I didn’t find any information about this in field guide.

I don’t have theme.json and don’t want to add it now.

The site uses Elementor.

https://www.overseaspropertyforum.com/forums/
– page tile twice on all forum pages on the forum homepage “Archives: <span>Forums</span>”
– Search Forums aligned to the left instead of the right
– forum headings bar too thin. bottom of text gets cutoff
– pagination controls on bottom of page, but there are no other pages to view

Mobile
Main column headings too big, no way to control mobile fonts

https://www.overseaspropertyforum.com/forums/general/finding-owning-a-property-overseas/
Desktop
– Create New Topic Button alignment issues
– subscribe alignment issues
– unable to control submit styling

Mobile
– page not scaling down to fit. Have to scroll left and right to view page
– text sizes too big

The site when complete will have close to a thousand items each with 3-10 pictures each. Is this practical or feasible on a shared resource web hosting
When I set up the ‘all products’ widget on my home page, it shows up twice. When I set the body font to 20 pixels, the ‘titles’ on the top one look like they’e about 10 pixels while the category menu on the left looks like about 20. Under this grid is a second version with much larger type. Two questions 1) how do I get rid of the second grid, and 2) how do I control the font size individually? (and how do I know whether a particular piece of text is ‘body’, ‘H1-H6’, etc.)
I am working with the free version of everything partly because there’s not a lot of revenue but more importantly, I want to know that it is going to work before I spend money on it. Once I know that it will work I might be inclined to spend some money to improve it.
I’ve been doing websites for many years (all for myself) in html, drupal and joomla but this is the first time I’ve used WordPress.

Ideally, I would like to set a base font size to 15px and then use em/rem settings for the rest of the font sizes.

I can see where font sizes are defined under settings/custom/typography/fontSizes, e.g.
{
“name”: “Extra Large”,
“size”: “32px”,
“slug”: “x-large”
}

And I can see where that gets referenced in the definition for H2.

“h2”: {
“typography”: {
“fontSize”: “var(–wp–preset–font-size–x-large)”
}
}

What I don’t see is how to set up the base font size that I can use to define the various other sizes.

Example:
.has-large-font-size {
font-size: var(–wp–preset–font-size–large) !important;
}

So we’ve now seen a few of our sites, where we’ve declared font sizes for certain defaults, having their styling broken by this.

– Why would core WordPress decide the final STYLING of elements? Shouldn’t that be up to the theme or user? And what would make the pixel sizes they chose (they were previously em’s) the end-all be-all for all WordPress sites everywhere?!?

– Now, I’m just wondering what the best-practice should be for restoring our sites that currently have styles set for the default font sizes?

– And also, what would be the best-practice for completely new sites we’re starting from scratch?

I don’t really want to get into CSS specificity wars, and trying to ‘out-important’ core rules, as who knows how this might be changed again in the future. Just getting frustrated at having to check & adjust styling when WordPress updates. If it makes any difference, we typically use a child theme of the Astra theme for sites.

Thanks for any insight!

In the css, the font size for the primary nav is set to medium:
–primary-nav–font-size: var(–global–font-size-md);

I figured that changing that “md” to “sm” would bring the font size down to 1.125rem, so I added this to the CSS customizer:
:root {
–primary-nav–font-size: var(–global–font-size-sm);
}

But nothing changed. I also tried the other variations (xs, xl, xxl, etc.), but nothing made a difference.

I would like to creat a table like this one:

[ redundant link removed ]

However, with BIG letters.
How could it be done with WP 5.4.2 (Gutenberg)?

Thanks

Tamas