2016-05-16 11 views
0

WordPressの投稿では、Visual Composerプラグインの「情報ボックス」を使用して、ページ(http://padals.com/t2/)を作成しました。背景のグラデーションの高さを減らす方法は?

グラデーションの背景に画像を表示できるように、グラデーショングラデーションの高さを低くしたいと考えています。例えば

http://www.saavn.com/s/album/tamil/Baahubali---The-Beginning-2015/WZFMlXk24SY_

Iグラデーション背景要素のパディング下、ない使用を低減することを試みました。両方のリンクを比較して、私が期待していることを理解できるようにしてください。

+0

を参照してください。この例のスクリーンショットは次のとおりです。https://gyazo.com/aae23379ca615867ea0f2d4ae73ffcf1 – vahanpwns

答えて

1

background-image: linear-gradient(180deg, #6c6e73 0%, #969795 100%); 

あなたはこのような背景のグラデーションサイズを変更することができます

background-size: 100% 120px; 
background-repeat: no-repeat; 

またはこのような絶対的な色ストップ設定:

background-image: linear-gradient(180deg, #6c6e73 0px, #969795 120px, #ffffff 120px); 
background-repeat: no-repeat; 
0

「別個に表示されたオーバーレイ」という意味がわかりません。

画像の上、下、左のボックス要素の灰色の背景の太さを、http://padals.com/t2/に減らしたいとします。

1)「パディングボトムを減らそうとしましたが、使用しません」 あなたはどの要素を話していますか?

2)コードはどこですか?

3)イメージのCCSルールが互いに競合していないことを確認してください。 - グレー/グラデーション要素の余白を確認/調整します。 - 画像の境界/パディングを確認/調整します。 - 作業中の要素タグをオーバーライドする可能性のある他のスタイリングルールを確認/調整します。 例:

もの

優先順位は、HTMLタグ内に、左から右に行きます。 この例では、すべてのタグ(article、p、span、a)をチェックするとします。

私はあなたの背景のグラデーションが、このようなものです見
+0

あなたが私が期待していることを理解できるように、例のリンクを見てください。 –

関連する問題