重叠的网站图像（Shopify）

-1

我使用shopify并添加了一个使用我自己的html的部分。我添加了口红，脸部和那些与来自主题内置的“特色产品”部分的产品重叠的部分的图片。我想知道我将如何解决这个问题？我需要进入并用液体修补东西吗？重叠的网站图像（Shopify）

我已经通过在html中使用表来解决此问题;我为未来的读者提供了我的解决方案。

HTML

<div class="hover"> 
<center> 
<table style="width: 182px; height: 159px;"> 
<tbody> 
<tr style="height: 33px;"> 
<td style="width: 57.125px; height: 20px;"> 

    <figure><img align=left valign=top width=350px type="image/jpeg" src="{{ 'lipstickpink.jpg' | asset_url}}" /></figure> 
    <figure> <img align=left valign=bottom width=400px type="image/jpeg" src="{{ 'shadow.jpg' | asset_url}}" /> </figure> 

    </td> 
<td style="width: 900px; "> 

    <figure><img align=center valign=top width=900px type="image/jpeg" src="{{ 'facehomepage.jpg' | asset_url}}" /></figure> 

    </td> 

    </center> 

    </td> 
</tr> 
</tbody> 
</table>

来源

2017-06-02 chris2656

添加填充的照片。填充（例如10px）将在所有边上添加10px的空白区域（除非您指定了填充顶部或填充底部等。如果您愿意，可以执行此操作。）也可以为容器添加边距。负边距将会使容器位置的外观向上移动，同样它也可以应用于照片。（正或负）

希望这有助于

雷切尔

来源

2017-06-02 14:41:02

有可能是在默认主题margin和padding，但如果你在你的CSS冒号后加入！重要的是，这应该覆盖默认设置 –

请注意，使用！important可能会在以后尝试覆盖它并失败时引起混淆。 –

是的，这不是为OP（我会移动它），但：https：//css-tricks.com/when-using-important-is-the-right-choice/ –

重叠的网站图像（Shopify）

回答

相关问题