2016-05-16 8 views
0

В сообщении WordPress, используя «Информационный ящик» из плагина Visual Composer, я создал страницу (http://padals.com/t2/).Как уменьшить высоту фонового градиента?

Я хочу уменьшить высоту градиента фона, чтобы изображение можно было отображать на фоне градиента.

Например: http://www.saavn.com/s/album/tamil/Baahubali---The-Beginning-2015/WZFMlXk24SY_

Я попытался уменьшить отступ-низ градиента фона элемента, но не использовать. Пожалуйста, сравните обе ссылки, чтобы вы могли понять, чего я ожидаю.

+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-теги. В этом примере вы хотели бы проверить все теги (статья, p, span, a).

+0

, см. Пример ссылки, чтобы вы могли понять, чего я ожидаю. –