Wordpress 更改订阅框样式

我添加了一个subscription box小部件，需要更改样式以将submit按钮放在输入框中。目前看起来是这样的：

[在此处输入图像描述][2]

我希望它看起来像这样： [2] :

我知道如何使用纯html，但我不确定如何在保持功能的同时更改Wordpress小部件html。以下是小部件代码：

 <!-- wp:group -->
<div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:group -->
<div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:group -->
<div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:genesis-blocks/gb-newsletter {"instanceId":0} /--></div></div>
<!-- /wp:group --></div></div>
<!-- /wp:group --></div></div>
<!-- /wp:group -->

---

提前谢谢。

这是从WordPress新的基于块的语法输出的标记

它不是完全的HTML，如果你编辑它，它将不会呈现你所期望的；它将中断，因为附加的块代码（未显示在屏幕上）只需要确定的值

根据您想为此投入的时间，这里有几个选项：

确定块设置中是否已内置块样式选项（边框、字体、字体大小等）。检查genesis blocks文档以验证这一点。这将是做你想做的事情的最简单的选择，但是如果你问这个问题，我猜街区没有这些选择

这可能是最好的路线：
在组块容器的右侧，创建一个css类。然后，转到主题的CSS；添加该CSS类的一部分，并开始添加所需的规则。这可能需要一些尝试和错误，因为您可能需要编写一些额外的选择器并增加样式，这样您就可以准确地设置样式，并覆盖已经编写的其他一些规则

（您可能还需要在规则中加入

！重要的
，但这是最后的手段，不是编写CSS的最佳实践）

您可能还需要为gb新闻稿块执行此操作

写你自己的积木（令人沮丧的是，积木有很高的学习曲线，imho）；这将提供最多的定制，但需要很多时间