如何降低背景渐变的高度？

Question

在WordPress帖子中，使用Visual composer插件中的“Info Box”，我创建了一个页面（http://padals.com/t2/）。

我想降低背景渐变的高度，以便可以在渐变背景上显示图像。

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

我试图减少渐变背景元素的填充底部，但没有用。请比较这两个链接，以便了解我的期望。

Answer 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;

Answer 2

我不知道你的意思＆＃34;单独显示叠加。＆＃34;

我假设你想减少http://padals.com/t2/图像上方，下方和左侧的方框元素中灰色背景的粗细。

1）＆＃34;我试图减少填充底部，但没有用。＆＃34;     你说的是哪个元素。

2）代码在哪里？

3）确保图像的CCS规则不会相互冲突。 - 检查/调整灰度/渐变元素的边距。 - 检查/调整图像的边框/填充。 - 检查/调整其他样式规则，这些规则可能会覆盖您使用的元素标签。 例如：       

东西

优先顺序在HTML标记内从左到右。 在这个例子中，您需要检查所有标签（article，p，span，a）。