Francisco Vera

This seems to be a bug in the theme as the backend in Canvas should reset the style. So if you want to use the style you see in the backend in the frontend page, you can add the following CSS.

select {
    font-size: 14px;
    line-height: 2;
    color: #2c3338;
    border-color: #8c8f94;
    box-shadow: none;
    border-radius: 3px;
    padding: 0 24px 0 8px;
    min-height: 30px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
}

The above is what was set in .wp-core-ui , the class defined for the select element.

I took a look at the page you’re working on (https://mattrs.co.uk/work) and I don’t see any custom style applied to the select element. Therefore, it renders the browser one. Here is a screenshot of the page opened in Chrome and Safari (left and right, respectively): https://share.cleanshot.com/9Q1tJhZ6

Based on the screenshot attach in your initial comment, it seems you’re editing the page in a Chrome-based browser, but then seeing the frontend page on Safari. Could that be correct?

If styles look correct in the editor but not on the front-end, it might be an issue with plugins or extra CSS. But when looking at the element via Chrome’s inspector. I don’t see any style. Here is a screenshot: https://share.cleanshot.com/rNnrtV3b

(Translated with Google Translate)

您好 @vivian0619

我只会说英语和西班牙语，所以我用谷歌翻译翻译了您和这条消息。

您或许可以在中文 WordPress 社区找到更详细的解答。我建议您也去那里提问。Link

关于您的问题，您添加的 CSS 类可能破坏了区块编辑器中设置的样式。如果您想通过标题区块在整个网站上显示相同的标题颜色，请转到“外观”>“编辑器”>“样式”>“颜色”，然后更改“文本”和“标题”属性的颜色。

截图：https://share.cleanshot.com/7pj7R60b

如果您只是想更改单个标题的颜色，请打开文档进行编辑，选中文本，然后点击设置面板中的“区块”选项卡来自定义颜色。

截图：https://share.cleanshot.com/wvrx7Vyp

通常情况下，您不需要添加 CSS 类来设置文本样式。区块编辑器提供了相应的工具。希望这个答案能解决您的问题。

Hey @alit93

I created a sample site with nothing else than the Twenty Twenty-Four theme installed and followed all the steps you mentioned, and I see the button colors working correctly.

Here is a page where I added three buttons: A default one (from the Ember built-in style), one with preset colors, and a customized one.

Screenshot: https://share.cleanshot.com/kWT7D0TZ

I expected the latter to look different when changing from desktop to mobile, but it remains the same.

Screenshot: https://share.cleanshot.com/f6GZjGzt

If disabling plugins and custom code snippets does not fix the issue, it may have been a bug already fixed in follow-up updates.

Hey @kaciewright

The tiny column in the middle you mention after activating Twenty Twenty-Five, is it on the exact same page or a different/new one? This might conflict by having the Elementor plugin on and edit the page in the WordPress Editor.

To your specific question, you are in the right place to make the change (Styles -> Layout), but in Content width and Wide width you can change the unit from pixel (PX) to percentage (%) and set the value to 100 in both or any of the properties. Here is a screenshot of where you can do it.

https://share.cleanshot.com/Y0KWRMlw

I set both values as 100%, but you can have them in lower values as when editing the page, the page or template does not need to have a container, and therefore, have no margin. Here below I added a paragraph block without a parent block.

https://share.cleanshot.com/tPkmNk1B

I hope the above helps. Let me know if that answers your question.

• This reply was modified 5 months, 4 weeks ago by Francisco Vera.

If you are adding links to create a menu, I suggest replacing it with the “Navigation” block to display pages in a navigational element.

The block’s default setting brings all published pages, but you can also create menus and pick specific pages. Here is a screenshot of where to set that.

I hope it solves your question.

Hey @pathel

I do not fully understand your question. Can you give more details on what you want to achieve? What error or broken flow are you seeing?