CSSは適用されません

Question

prestashopのモジュール用にCSSを編集していますが、設定した変更はすべて自分のサイトに表示されません。 CSSスタイルシートを削除して、正しいCSSで作業していて、すべてのプロパティがなくなったので、問題を見つけるためにすべての文字列を1つずつコメントしようとしましたが、アップロードしたときにそのプロパティがありました。

サイト：正確には、私は

/* 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; 
} 

Answer 1

すべてのeコマース店が重くているposition:absolute

CSSスタイルシートを削除しようとした<button>でフッターのニュースレターブロックでbacklabel.com見て、キャッシュされているので、無効にしてください。

Prestashopバージョン1.4以上は、Smartyを使用してデータをキャッシュします。キャッシュされたデータは、 は、以下のフォルダに格納されます。

/ツール/ Smartyの/キャッシュ

/ツール/ Smartyのコンパイル/

/ツール/ smarty_v2 /キャッシュ

/ツール/ smarty_v2 /コンパイル

これらはすべてPrestashopのインストールフォルダにあります。 たとえば、あなたのPrestaShopのストアがホスティングアカウントの public_htmlのフォルダにインストールされている場合、キャッシュされた情報はで見つける ことができます：

public_htmlの/ツール/ Smartyの/キャッシュ

public_htmlの/ツール/ Smartyの/

public_htmlの/ツール/ smarty_v2 /キャッシュ

public_htmlの/ツール/ smarty_v2/

をコンパイルコンパイル

Ref Siteground

また、Chromeを使用している場合は、開発ツールを開いてnetworkタブにアクセスしてください。タブの上部にある[キャッシュを無効にする]チェックボックスをオンにします。これは、devツールが開いているときにキャッシュを無効にします。

これは私が最も可能性の高いシステム上のどこかにキャッシュされた古いバージョンによって引き起こされるので、何を経験している私のブラウザ上で、ここで見ています正確に何である

Answer 2

#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またはあなたのホストが直接原因ではない可能性があります。そのため、問題を修正するために、そのサイトのブラウザのキャッシュをクリアしてください。これはあなたが使用しているブラウザに依存しますが、必要があればGoogleを介して理解すること以上の能力を持っていると確信しています。