0

这可能是一个简单的问题要在这里问......我是一个新手，如果是......我很抱歉......

我的网站主图像周围的 CSS 边框出现问题，我已经让它在我的博客页面上工作，但无法在我的主页上的皇家滑块插件上获得相同的风格工作。基本上我希望它在主页上看起来与博客页面上的图像完全一样。

工作链接：http ://alanbrandt.com/blog/copenhagen-wedding-photographer/

不工作：http ://alanbrandt.com/

我究竟做错了什么？

CSS:
.ab-royalslider {
  position: relative;
  zoom: 1;
padding: 32px;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2);

编辑：似乎我们到了那里......感谢您的所有帮助！我还有一个离图像太远的底部边框？？？

我曾希望在 .abSliderSkin 样式的 Royalslider CSS 样式表中实现这一点，但我无法让它工作...... :( 如果有人对我如何改进这个有想法，我会非常喜欢它。

4

5 回答 5

0

您需要在 CSS 文件中进行更改：

http://alanbrandt.com/wp-content/cache/minify/000001/ZYxBCoAwDAQ_ZImefEhfkLZRgjGFpCL6esWT4m1nZ9kBctWGuYWp2hpGYM2yFXLI7uDtEPKuBxTUZKilPb3eWxQ-6a9mUjKUbgClPVg9UFy4kIFwgje_8v8GU3Ecs.

在第 1390 行

.rs内容img{

//删除margin:0px !important 和其他样式

}

和

http://alanbrandt.com/wp-content/cache/minify/000001/ZYxBCoAwDAQ_ZImefEhfkLZRgjGFpCL6esWT4m1nZ9kBctWGuYWp2hpGYM2yFXLI7uDtEPKuBxTUZKilPb3eWxQ-6a9mUjKUbgClPVg9UFy4kIFwgje_8v8GU3Ecs.

在第 1392 行

.rs溢出{

//移除高度：415px !important

}

试试这个会起作用我用fire-bug找出这些变化

于 2013-08-27T10:15:39.827 回答
0

我认为你应该先检查你的div。当我检查元素时，我注意到结构不同。并且该区域的宽度也不同。在第一个链接中，您有一个名为 header preview 的 div。而在第二个中，您基本上不会容器不同。

这是我的第一个回复，希望对你有所帮助。

于 2013-08-27T08:47:30.403 回答
0

可能是因为第二个链接中没有 ab-royalslider 类的元素，所以您必须将阴影应用于其他元素。尝试使用 .rsOverflow 或 .royalSlider。

于 2013-08-27T08:49:28.787 回答
0
  1. .ab-royalslider - 添加填充：42px 0；
  2. #homepage, #stories - 删除边距
  3. #new-royalslider-1 - 有内嵌阶梯，高度应为 415px 左右；宽度：684px；

试试看，虽然我不喜欢这种结构，但它可以做得更简单、更干净。

于 2013-08-27T09:28:17.863 回答
0

好吧，我认为您应该在管理区域中禁用“css优化/组合”，这样我们就可以指出您必须在哪个文件中进行哪些编辑，因为现在我们正在获得一个优化/组合的css文件，所以要弄清楚哪个文件有毛病真的很难。

于 2013-08-27T09:29:37.817 回答