如何在Wordpress中居中滑动条

时间:2019-04-07 07:23:51

标签: css wordpress wordpress-theming

我正在使用wordpress 5.1并具有BuildPress主题。它使用WPBakery。

最初,滑块从左到右开始,但是以某种方式我无法将滑块居中。使用WPBakery或wordpress主题自定义功能也无法正常工作。

但是我确实成功地将其置于响应模式的中心。
但是同样,不能将其居中在正常模式下。

我尝试了常规方法:

.wpb_wrapper {margin-left: auto; margin-right: auto;}

我尝试使用position:absoluteposition:inherit等。但是没有成功。

我确实读过以下线程:

Cannot figure out how to center div in Wordpress theme

还有:

How to center slider in css

并尝试了答案,但没有成功。

我想念什么吗?

站点: http://richdesign.co.il

2 个答案:

答案 0 :(得分:0)

在滑块的主div中,将left的值设置为-366.5px,这可能是按主题进行的,因此要使滑块居中对齐,只需在该div中添加一个自定义类,然后将left的值覆盖0(例如:.custom -class {left:0!important})。请检查主题中是否有任何设置以使滑块居中对齐。 please see attached screenshot

答案 1 :(得分:0)

我认为在VC中创建列时存在问题。我在滑块div包装器中找到了一个带有vc_col-sm-2的额外的VC列类(vc_col-lg-3 / 5)。因此,您可以从页面构建器中删除此类。请参阅所附的屏幕截图 Screenshot One Screenshot Two

我希望它将解决此问题。