Question

我正在使用wordpress。我已经尝试使用inspect元素移动一行文本，该文本基本上与ecwid插件中的另一行文本重叠。

它似乎不起作用，每次我使用边距或填充属性编辑css代码都没有任何反应

在我的页面上，该产品的价格是205美元，295美元是触及它，我想将其与实际价格分开。

我怎样才能做到这一点？

我尝试过使用此代码

html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price-compareTo-container{
 padding-bottom: 5px;
  }

这里是看看我正在做什么

https://surveillanceshack.com/store/#!/Elec-Surveillance-system-w-4-bullet-&-4-dome/p/55396210/category=0

Answer 1

像这样添加行高：

html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price {
  font-size: 24px;
  font-weight: 400;
  color: #a20505;
  white-space: nowrap;
  line-height: 21px;
}

您的两个价格都包含在同一个div中。如果有包装的文本，分隔它们的唯一方法是在行之间定义高度。

要修复结帐问题，请在此类中修复行高：

.hentry table, #comments table {
    margin-bottom: 1em;
    font-size: 80%;
    line-height: 21px;
}

如果您想在一组CSS指令中修复此问题，请执行以下操作：

.hentry table, #comments table, .ecwid-productBrowser-price {
    line-height: 21px;
}

Answer 2

问题是它是一个span元素，它不能很好地接受margin / padding。

有问题的元素是：

html#ecwid_html body#ecwid_body .ecwid span

因此，要使其上方有空格，您可以将此样式添加到样式表（最后）：

html#ecwid_html body#ecwid_body .ecwid span {
    display: inline-block;
    padding-top: 15px;
}

调整padding-top以适应您想要的布局。

或者，你可以通过增加元素的line-height来做到这一点（在这种情况下它不需要是display: inline-block）：

html#ecwid_html body#ecwid_body .ecwid span {
    line-height: 2.5em;
}

Answer 3

这是一个span元素，要使填充处于活动状态，您需要添加：

{
display :inline-block;
}

Answer 4

你可以为＆＃34;设置填充＃34;元件。

html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price-compareTo-container, html#ecwid_html body#ecwid_body div.ecwid-productBrowser-price-save-container { padding-bottom:5px; }

Answer 5

（Ecwid团队在这里）

虽然这里的答案可以帮助您自己解决问题，但我们将调查Ecwid如何与您的＆＃34; DMS＆＃34;主题，并确保解决我们这方面的问题。问题已经存在于我们的开发队列中，我们将在不久的将来推出其中一个Ecwid插件更新的解决方案。

如何在页面上的元素中添加填充？

5 个答案: