Question

我还是新手。

我使用的是Magento CE 1.4.1.1由于某些原因，主页上的徽标与所有其他页面上的徽标相差无几。我尝试使用CSS来修改标题上的填充和边距，但无论我做什么，标识的位置都不同。

谢谢。

Answer 1

你的爱好如下：

 <h1 class="logo">
    <strong>Hapiru</strong>
    <a href="http://www.hapiru-usa.com/index.php/" title="Hapiru" class="logo">
      <img src="https://www.hapiru-usa.com/skin/frontend/default/MAGFREE001Hb/images/logo.gif" alt="Hapiru">
    </a>
 </h1>

您的其他页面如下所示：

<a href="http://www.hapiru-usa.com/index.php/" title="Hapiru" class="logo">
  <strong>Hapiru</strong>
  <img src="https://www.hapiru-usa.com/skin/frontend/default/MAGFREE001Hb/images/logo.gif" alt="Hapiru">
</a>

我认为差异可能来自使用两个不同的模板。你能弄清楚你在主页上使用哪些模板（主页是一个CMS页面，所以它会在那里，而其他页面的布局可能会在app/design/frontend/default/default/layout

我认为如果您让网页使用相同的模板来解决您的问题。

Answer 2

主页上的徽标位于＆lt; h1＆gt;＆lt; / h1＆gt;范围内。标签，但在其他页面上却不是这样 - 这可能是问题吗？

Answer 3

徽标的CSS样式必须与另一个也分配填充/边距的CSS样式重叠。对两种情况使用相同的CSS样式，您将得到相同的结果。如果您使用带有h1 class =“logo”的第一个，那么您将把它移到右侧，如果您使用第二个，您将根据需要获得它。调查CSS的h1标签和徽标类，这就是问题所在。它甚至可能是一个问题，h1标签有一个填充而徽标类没有，但仍然适用于h1标签的填充。

Answer 4

试试这个#logo h1 { padding-left:0;}

主页上的徽标位于与其他页面不同的位置

4 个答案: