搞砸了滑块图片尺寸

Question

我使用Minamaze1.1.2主题免费添加建立了一个网站。 在更改CSS代码时，我以某种方式改变了滑块图片的尺寸。 现在左侧与右侧不成比例。

您可以在网站地址中看到： http://springlogy.com/

尝试了恢复选项，但最终只删除了我所做的工作！ 我该如何解决？

Answer 1

在包含滑块#site-header #slider #slider-core .rslides-container .rslides-inner ul项的ul元素li上，您必须删除padding: 0;规则。

将其添加到CSS中并修复它。

我认为该元素的规则位于style.css的第922行。打开它并按ctrl + f查看#slider .rslides {

将padding: 0;添加到该CSS类中，它应该很好地修复它。

Answer 2

您的意思是您希望您的滑块文字与中心对齐吗？

如果是这样，改变

 <div id="slider">

到

<div id="slider" style="text-align:center;">

会做到这一点。

（请注意。这也可以放在css文件中，如下所示：）

#slider{
  text-align:center;
}

Answer 3

你的滑块ul有40px左边的填充，将其推过去。

添加

.rslides-inner .slides [
    padding:0;
}

Answer 4

将以下规则添加到css文件的第922行将解决问题。

padding-left:0px

整个规则如下：

#slider .rslides {
    margin: 0;
    overflow: hidden;
    padding-left: 0;
}