CSS 不适用



我正在为prestashop的一个模块编辑css,但我设置的所有更改都不会出现在我的网站上。我试图删除CSS样式表,以确保我使用的是正确的CSS,所有的属性都不见了,所以我试图逐一注释所有的字符串以找出问题,但当我上传它时,属性就在那里。

站点:backlabel.com查看页脚上的新闻稿块,正是在我试图删除position:absolute<button>

CSS样式表

/* Block newsletter */
#columns #newsletter_block_left .form-group {
margin-bottom: 0;
}
#columns #newsletter_block_left .form-group .form-control {
max-width: 222px;
display: inline-block;
margin-right: 6px;
}
@media (min-width: 768px) and (max-width: 1199px) {
#columns #newsletter_block_left .form-group .form-control {
margin-bottom: 10px;
margin-right: 0;
}
}
#columns #newsletter_block_left .success_inline, #columns      #newsletter_block_left .warning_inline {
text-align: left;
padding: 1px 0 0 0;
margin-bottom: -19px;
}
#columns #newsletter_block_left .success_inline {
color: #418B19;
}
#columns #newsletter_block_left .warning_inline {
color: #f13340;
}
/* Block newsletter footer */ 
#footer #newsletter_block_left {
-webkit-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
#footer #newsletter_block_left form {
position: relative;
margin-top: 35px;
}
#footer #newsletter_block_left .form-group {
margin-bottom: 0;
margin-top: 20px;
}
#footer #newsletter_block_left .form-group .form-control {
height: 40px;
line-height: 30px;
width: 100%;
padding: 5px 40px 5px 15px;
display: inline-block;
background-color: transparent;
border: 1px solid #adadad;
}
#footer #newsletter_block_left .form-group .button-small {
color: #999999;
font-size: 17px;
border: 0;
background: transparent;
/* HERE IS WHERE I REMOVED THE POSITION:ABSOLUTE */
right: 0px;
top: 0px;
padding: 8px 10px;
}
.rtl #footer #newsletter_block_left .form-group .button-small {
left: 0px;
right: auto;
}
#footer #newsletter_block_left .form-group .button-small .icon {
position: relative;
top: -1px;
}
#footer #newsletter_block_left .form-group .button-small:hover {
color: #fff;
}
#footer #newsletter_block_left .warning_inline {
display: block;
color: #f13340;
font-size: 13px;
line-height: 26px;
clear: both;
}
@media (min-width: 1200px) {
#footer #newsletter_block_left .warning_inline {
display: inline-block;
position: relative;
top: -35px;
margin-bottom: -35px;
left: 15px;
clear: none;
}
}
#footer #newsletter_block_left.active {
right: 0;
}
#footer #newsletter_block_left .form-group.form-error input, #footer  
#newsletter_block_left .form-group.form-error textarea {
background: none;
background-color: #fff1f2;
}

所有电子商务商店都被大量缓存,所以请尝试禁用它。

Prestashop 1.4及以上版本使用Smarty缓存数据。缓存的数据存储在以下文件夹中:

/工具/智能/缓存

/工具/智能/编译

/工具/smarty_v2/缓存

/tools/smarty_v2/编译

所有这些都位于您的Prestashop的安装文件夹中。对于例如,如果您的Prestashop商店已安装在托管帐户的publichtml文件夹,缓存的信息可以发现于:

public_html/tools/smarty/cache

public_html/tools/smarty/compile

public_html/tools/smarty_v2/cache

public_html/tools/smarty_v2/编译

Ref Siteground

此外,如果您使用chrome,请打开开发工具并转到network选项卡。在选项卡顶部,选中禁用缓存的复选框。这将在开发工具打开时禁用缓存。

#footer #newsletter_block_left .form-group .button-small {
color: #999999;
font-size: 17px;
border: 0;
background: transparent;
position: initial;
right: 0px;
top: 0px;
padding: 8px 10px;
}

这正是我在浏览器上看到的,所以你所经历的很可能是由系统中某个旧的缓存版本引起的。它不可能是由于prestashop或您的主机直接,因为我看到了更新的版本,所以为了解决这个问题,请清除该网站的浏览器缓存。这取决于你使用的浏览器,但我相信,如果必须的话,你完全有能力通过谷歌来了解它

最新更新