Site title front-size

Resolved noemiedu76
(@noemiedu76)

3 years, 9 months ago
Hi there,

I’m french native speaker, sorry if my english isn’t perfect.

I’m creating my website in local, so I can’t share a direct link. I use a child-theme where I’ve created a style.css and a theme.json files (in which I’ve disabled the defaultPalette to use my own, and add my own fontFamily).

My problem is with the size of the site-title :
- No matter which size I choose in the side panel (I try to make it x-large), it always keep the medium-size
- If I disable the “Link site-title to homepage” option, I manage to have the x-large size I want… So obviously the link styling is overriding the site-title styling
- When I look with the page inspector, I find out that if I uncheck the “font-size: 1,125rem” attached to “a:where(:not(.wp-element-button))”, I obtain what I want. I have no idea where this specific property come from
I DO NOT want solutions which implies using an extra-extension. My goal here is to learn Full Site Editing with blocks themes.

Thanks for reading !
- This topic was modified 3 years, 9 months ago by noemiedu76.

Viewing 3 replies - 1 through 3 (of 3 total)

Moderator Kathryn Presner
(@zoonini)

3 years, 9 months ago

Bonjour @noemiedu76

When I look with the page inspector, I find out that if I uncheck the “font-size: 1,125rem” attached to “a:where(:not(.wp-element-button))”, I obtain what I want. I have no idea where this specific property come from

I’ll be happy to take a look, but without being able to inspect the code directly, I don’t think I’m going to be able to track down the issue.

Is it possible for you you put the site up onto a public host somewhere, just temporarily?

Alternatively, could you upload the child theme folder as a zip file somewhere so I can download and install it myself?

Merci!
Thread Starter noemiedu76
(@noemiedu76)

3 years, 8 months ago
Hello,

Thank you for your answer.

I finally find the solution : in the theme.json I’ve created in my child theme folder, I put this code, and it worked :
```
"styles": {
        "blocks": {
            "core/site-title": {
                "elements": {
                    "link": {
                        "typography": {
                            "fontSize": "var(--wp--preset--font-size--x-large)",
                            "textDecoration": "none"
                        }
                    }
                }
            }
        }
    }
```
I fond it thanks to tickets report in GitHub, on the Gutenberg project ^^

Hope this can be useful for someone else 🙂

Cheers,
- This reply was modified 3 years, 8 months ago by noemiedu76.
Moderator Kathryn Presner
(@zoonini)

3 years, 8 months ago

Great, glad you found a solution, and thanks for sharing it here in case it helps others!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Site title front-size’ is closed to new replies.

Tags