Question

我正在尝试在Magento商店的首页上找到更改“新产品”字体的位置。请访问www.ethosdefense.com，向下滚动以查看“新产品”部分。请注意，字体与其他字体完全不同。

如果您使用浏览器开发工具，则表明格式化来自“（index）：263”。我在哪里更改此代码？它不是styles.css或index.php的一部分。我无法在任何地方找到它......

Answer 1

在页面中，有这一部分：

<style type="text/css">
    body {background-color:ffffff;background-image:url(http://);background-repeat:no-repeat;background-position:top left;background-attachment:fixed;}
    h1{font-family:Cursive;color:000000;}
    p {text-align:left;font-size:48px;font-style:italic;font-weight:normal;line-height:58px;color:FFFFFF;}
</style>

这就是h1从中获取Cursive字体样式的地方。

Answer 2

这里有一个有趣的问题。

理查德的答案很有帮助，但请记住您的页面内容由Magento前端控制器组装，因此构建布局的方式是由Magento和您的主题控制的大型配置树的一部分。

扩大您对Richard发现的<style>周围的HTML的检查：

<div id="camera_wrap" class="camera_wrap camera_ash_skin">

    <div data-link="http://www.ethosdefense.com/index.php/holsters.html/" data-src="http://www.ethosdefense.com/skin/frontend/default/theme490/images/camera/slides/slide1.jpg">&nbsp;
    </div>

    <div data-link="http://www.ethosdefense.com/index.php/armor.html/" data-src="http://www.ethosdefense.com/skin/frontend/default/theme490/images/camera/slides/slide2.jpg">&nbsp;
    </div>

    <div data-link="http://www.ethosdefense.com/index.php/knives.html/" data-src="http://www.ethosdefense.com/skin/frontend/default/theme490/images/camera/slides/slide3.jpg">&nbsp;
      <div class="camera_caption" class="fadeFromLeft">
        <style type="text/css">
          body {background-color:ffffff;background-image:url(http://);background-repeat:no-repeat;background-position:top left;background-attachment:fixed;}
          h1{font-family:Cursive;color:000000;}
          p {text-align:left;font-size:48px;font-style:italic;font-weight:normal;line-height:58px;color:FFFFFF;}
        </style>
      </head>
      <body>
        <p>"The only thing needed for the triumph of evil is for good men to do nothing"
        <br>-Edmund Burke</p>
        </body>
        </html>
      </div>
    </div>

</div>

这告诉我们一些事情：

a）您正在使用this theme（没关系）

b）样式声明后，有一些假的</head>...<body></body></html>标签。这非常糟糕，并引发了一些警钟。无论谁做到了，这都不是他们想要的。

c）HTML的这一部分与相机包装有关，并且有三个包含div - 一个用于枪套，一个用于装甲，一个用于刀具。刀具部分存在问题。

d）虚假的<style></style> 不控制您要更改的<p>内容的字体。您可能已经知道这一点，但我会使用font-family: 'Impact';，我会使用内联样式<p style="font-family: 'Impact';">"The only thing needed...</p>

我怀疑如果您登录Magento管理员并转到CMS->pages并找到您的主页内容并进行编辑，那么您会发现一个包含这三个“相机”的小部件，其中一个将拥有糟糕的HTML。或者，您可能会发现CMS主页包含一个静态块（CMS->Static blocks），您可以在其中找到相关的静态块，并在那里寻找一个小部件或代码，将这个非常糟糕的HTML添加到您的页面中。

然后撤销任何将错误代码放入的管理员登录名。

更改Magento商店中的字体

2 个答案: