Questions tagged [theme.json]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
7 views

where the setting is stored in FSE, not theme.json

I added a custom font to the TT4 theme via theme.json. I'm not able to see the font name when I go to Editor>Styles in Typography I cannot see the font. But once I go to my host and rename a folder ...
H KH's user avatar
  • 1
0 votes
2 answers
41 views

Add fontFamily object to theme.json

I have an FSE-related question I'm trying to add a font to the 2023 theme but it's not showing in Gutenberg editor. In theme.json, in the "settings.typography.fontFamilies" section, I added ...
Joshua JJ S's user avatar
2 votes
1 answer
75 views

Set a default overlay color for the Core Cover block in theme.json

I would like to know if it is possible to set a default Overlay color for the Core Cover block using theme.json, so that when a new Cover block is added, that Overlay color is pre-set rather than ...
WebElaine's user avatar
  • 9,310
0 votes
1 answer
140 views

Responsive rules with block themes and theme.json

I’m learning about block themes for the first time and I’m not clear on how responsive layouts are achieved. For example, let’s say I want a paragraph to use red font when screen width is less than or ...
John's user avatar
  • 157
0 votes
1 answer
117 views

Theme.json: styles.typography.FontFamily renders as default font in front end but not editor

The following theme.json settings work as expected on the front end: var(--wp--preset--font-family--greyclif) is defined for the "font-family" in the main styles in the body{} tag, and any ...
StudioAl's user avatar
  • 444
1 vote
1 answer
60 views

Problem with spacing sizes in theme.json

I often use the following code in theme.json to define predefined spacing: "spacingScale": { "steps": 5 }, "spacingSizes": [ { "size": "min(...
Dominik's user avatar
  • 11
0 votes
1 answer
66 views

Unload templates; disable parent Template Parts using only "theme.json"

I'm currently creating a child theme in WordPress and I'm having trouble with template parts and custom templates from parent theme. In particular, I want to disable some of the template parts ...
Vladan's user avatar
  • 101
1 vote
0 answers
37 views

Theme.json_ Set default columns for gallery

I want to set a default number of columns for the gallery block within the theme.json-file. Is that possible? I couldn't find anything regarding this. I tried some things under settings "blocks&...
Fou Rorty's user avatar
0 votes
0 answers
174 views

Default styles overriding theme.json

I'm going through Complete WordPress Developer Course 2023 - Plugins & Themes course. With: PHP: 8.19 Web Server: nginx WP: 6.2 MySQL: 8.0.16 following theme.json { "$schema": &...
Sajgoniarz's user avatar
0 votes
0 answers
22 views

Gutenberg: where to find <main> style settings

I'm using the the Twenty-Twenty-Three theme, and having difficulty pinpointing a preset which has been applied directly to the style attribute of the container of a page template. I could not locate ...
Marc P's user avatar
  • 513
0 votes
1 answer
76 views

theme.json is altering Group block HTML

I am creating Blog within the existing site which will have completely different look, styles, features and functionalities. I need theme.json only on the Blog pages, but the problem is that theme....
Tahi Reu's user avatar
  • 206
1 vote
2 answers
510 views

Is there a way to add background-image to theme.json?

I thought the following would work, but it doesn't. I can't find a firm confirmation if Gutenberg allows the following: "styles": { "color": { "backgroundImage": "...
Marc P's user avatar
  • 513
0 votes
0 answers
20 views

Different style options for the same block depending where it is used

Introduction I am working on something like a microsite within existing WP site. This means, everything that is blog-related (posts, blog home, archives etc.) will have different look and features ...
Tahi Reu's user avatar
  • 206
2 votes
2 answers
285 views

Where are the full site settings stored?

When making changes in the full site editor, where are the settings actually stored? When searching for this I get a gazillion results saying the settings are stored in theme.json, but this can't be ...
Arete's user avatar
  • 308
0 votes
1 answer
42 views

How to add color icons to front of custom block color palettes

To understand what I am asking, if you look at my attachment... ...you will see towards the far right, that both the text and background words, have empty circles with a line going across them. I ...
klewis's user avatar
  • 845
1 vote
1 answer
273 views

theme.json should be in the child theme folder when using xxxx.json style located in the styles folder?

I'm making a child theme of TT3. I'm using a json style in my child theme located in a styles named folder. Do I have to have a copy of TT3 theme.json in my child theme ?
Gilles L.'s user avatar
0 votes
0 answers
131 views

How can I disable theme.json default styles on a custom block

I am trying to make a custom block but the theme.json styles override my styles (e.g a underline). I have tried adding a classic class which removes default settings like so: .classic a, a.classic{ ...
ATP's user avatar
  • 121
3 votes
0 answers
103 views

How can I disable fontSizes of the Paragraph block inside the Quote block with theme.json?

I'm using theme.json. I'm specifying fontSizes for the Paragraph block as well as the Quote block in theme.json: "settings": { "blocks": { "core/paragraph": { ...
Alan Brown's user avatar
2 votes
1 answer
182 views

How to automatically reload style variant .json?

New block editor themes like twentytwentythree allow style variations. You can change colors and fonts from the site editor. A style variation is just a .json file that gets merged with theme.json. My ...
jdm's user avatar
  • 121
2 votes
1 answer
1k views

How to set the background color of a template part (Header/Footer) in Twenty Twentythree?

In Wordpress's shiny new Twenty Twentythree theme, how can you assign a background color to the header or foother template parts? Can this be done in a child theme - through theme.json? Or somehow ...
SePröbläm's user avatar
1 vote
0 answers
136 views

Setting colors in theme.json changes default font size and family in backend

I have a basic theme.json with an array or colors that creates a working colour palette. The text in the backend page I am editing is set to 'default' but when I use the theme.json it goes from sans ...
Staple's user avatar
  • 111
0 votes
1 answer
51 views

Narrow paragraph block aligned to left of "wrapper"

I'm using the full-site-editing feature with "layout":{ "contentSize":"1264px", "wideSize":"1264px" } set in theme.json. Now when I ...
Fanky's user avatar
  • 307
1 vote
1 answer
498 views

Theme.json: creating different sections of the color palette

I've got some colors defined in theme.json- is there a way to define custom sections within the color palette? When I set my own colors, they show up in the section labeled "Theme". The ...
clark's user avatar
  • 571
2 votes
1 answer
42 views

Is it possible to nest block styles in the theme.json

In the theme.json file I can set styles for the core/verse block. My designs dictate that if the editor were to nest the core/verse block inside of a core/cover block, some styles should be different ...
Nick Hogan's user avatar
2 votes
1 answer
631 views

Setting font sizes in theme.json

Just diving into setting some styles with theme.json. I'm having trouble getting my preferred font sizes to show up in the editor. Here's the code: { "version": 2, "settings&...
nickfindley's user avatar
2 votes
1 answer
692 views

Does theme.json get cached? How can I clear it?

I set up a theme with a theme.json file and now I want to make some changes to it. I cannot get my changes to take... I am working in a local environment. I am guessing its a caching problem but I ...
PattyOK's user avatar
  • 193
1 vote
0 answers
168 views

How can I add a color picker to a custom Gutenberg block which includes the default system palette from theme.json?

Do I need to use the ColorGradientControl component to add this interface to a custom block, even if gradients are deactivated by theme.json?
Mark Howells-Mead's user avatar
5 votes
1 answer
1k views

Once Again: How to Remove Option from Gutenberg Editor for Specific Block in theme.json

Since WP 5.8 we can define various settings in the theme.json which is much appreciated and really helpful. But there are still some options I cannot find, e.g. how can I remove the layout panel from ...
uruk's user avatar
  • 529