无法使图像与古登堡编辑对齐

时间:2019-01-28 作者:Carol

我正在为一家非营利组织建立一个新网站。我选择的主题仅使用新古腾堡。我想在左侧的图像和右侧的描述,与另一个图像下面,与它的右侧附带的描述。无论我在编辑器中做什么,我都无法向下移动较低的图像并使其左对齐。我有编辑器页面的屏幕截图以及它在网站上的外观。sitein the editor

1 个回复
SO网友:Frank P. Walentynowicz

CSS

在自定义->附加CSS中,添加以下代码:

.clearflow {
    clear: both;
}
figure.alignleft {
    margin-right: 1rem;
}
按以下顺序插入块:

    Image
    Paragraph
    ...
    Paragraph
    Image
    Paragraph
    ...
    Paragraph
选择图像块,并在其工具栏上选择左对齐图标在高级->附加CSS类中,添加clearflow

对每个图像块重复此操作。

相关推荐

Remove <p></p> after images

我对<p></p> 出现在my之后的标记<img....>. 以下是我在本地主机上查看生成的页面时显示的内容。。。<img src=\"/wp-content/themes/wunderful/assets/images/feedback-danielle.png\" alt=\"Danielle Johnson Deal Town FC Treasurer\"> <p></p> 请注意随机生成的<p>&