2016-08-17 8 views
0

pageに「カートに追加」ボタンがあります。これはページ読み込み時に上記のテキストとマージしています。ページ読み込み時にボタンとテキストがマージされています

enter image description here

読み込みが完了すると、それが適切な位置に表示されます。

enter image description here

.product-options-bottom { 
    position: relative; 
    bottom: 45px !important; 
    border: none; 
    background: none; 
    padding: 15px 20px; 
    margin-bottom: 10px; 

} 
+0

を変更することにより、これを取り除くことができます。しかしながら –

+0

それは単にHTML要素がロードされた後、CSSが読み込まなっていることを意味します。これを解決するには、エレメントをレンダリングする前にそのエレメントにCSSを入れます。 – viveksinghggits

+0

HTML要素の前にまずスタイルをロードします。 – Khurram

答えて

0

私はあなたのHTMLを見ていないが、私はあなたのCSSスタイルはheadタグ内にないと思い、あなたが画像をアップロードするためのプラグインを使用している

+0

これはマジェントサイトなので、、&これらのスタイルはありません。[link](http://sbdev2.kidsdial.com/colored-marble-micromax-canvas-knight-a350 -phone-case.html)&これを引き起こしている他の問題があることを確認してください..... –

+0

このようにしてCSSファイルを追加しましたか? http://devdocs.magento.com/guides/v2.1/frontend-dev-guide/css-topics/css-themes.html – Alupotha

+0

はい、私たちは標準的なマゼンタのルールに従っていますが、私はいくつかの悪いコーディング関連を行ったと思いますcssに。 –

0

を頭にあなたのCSSを移動したり、テキストは、カートボタンに追加するよりも読み込みに時間がかかり、アップローダの代わりにカートボタンに追加されます。

あなたがここにHTMLコードを追加してくださいCSS

.product-options-bottom { 
     bottom: 25px !important; 
} 
#aitcg-control-panel .apply-but { 
     bottom: 51px; 
} 
+0

申し訳ありませんが、私は上記のコードを追加しましたが、それは私のために働いていません –

関連する問題