【问题标题】:CSS for side menu height won't change when theme file is edited编辑主题文件时,侧边菜单高度的 CSS 不会改变
【发布时间】:2015-09-15 10:18:32
【问题描述】:

这是我的website。它是用 Magento 构建的。我想将左侧菜单高度从 463px 减少到 400px。我通过 Firebug 测试以更改 theme-pink.css 文件中的值。但是在编辑之后,当我保存值并再次打开文件时,它仍然没有改变。它是否使用任何 JavaScript 脚本进行验证或其他?如果是这样,我该如何改变?请提出更好的选择。

.cms-index-index .header-v0 .ver-megamenu-header .sm_megamenu_wrapper_vertical_menu {
  display: block;
  min-height: 463px;

【问题讨论】:

  • 你是否改变了最小高度:463px;到最小高度:400px;
  • 是的,但它不会改变值。保存文件并打开文件后,发现之前的值相同。我在谷歌上搜索,发现问题是所有权问题,但无法弄清楚它的解决方案。
  • 抱歉,我看不到更改已保存在文件中。我将其添加为答案。

标签: javascript css magento themes


【解决方案1】:

有几种方法可以解决这个问题。如果您想设置菜单容器的高度,我建议您将当前的最大最小高度更改为 400px 或删除最大最小高度添加“height:400px;”财产。如果没有发生任何更改,您可以尝试清除缓存文件并重新加载,如果仍然没有更改,请尝试添加“height:400px !important;”覆盖冲突的属性。
如果这无济于事,那么冲突可能是其他原因造成的。

/S

【讨论】:

    【解决方案2】:

    我查了网站,发现:

    文件:theme-pink.css 行号:3740

    /*= HEADER STYLE 2 =*/
    .cms-index-index .header-v0 .ver-megamenu-header .sm_megamenu_wrapper_vertical_menu {
      display: block;
      min-height: 463px;
    }
    

    这意味着您没有保存文件。如果您保存了它,您会忘记将其上传到服务器中。或者,您更改​​了 css 文件的副本。不是原来的。请通过添加样式确保您的更改生效:

    body {
     background-color: red !important;
    }
    

    在 css 文件中。您应该会看到网站的变化。

    如果你怀疑某些 JS 改变了值,JS 通常会为元素添加 style 属性,例如,

    <div class="css_effect sm_megame..." ... style="min-height: 463px;">..</div>
    

    这里也不是这样。

    请交叉检查,我确定我们遗漏了一些东西。

    【讨论】:

    • 我猜这可能会导致一些 cpanel 限制。我删除了文件并上传了新文件,但文件管理器上仍然显示相同的文件。 Cpanel 不允许编辑或删除目录中的任何文件。
    • 哦。如果您删除文件而不上传新文件会发生什么?网站一片空白?
    • 哦。好吧,如果您找到答案,请在此处发布。以便其他人可以得到帮助。
    • 是的,终于找到了解决方案。在后端少编译器是打开的,所以每次编译代码为默认的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多