无法在Wordpress

时间:2018-04-18 19:07:47

标签: html css wordpress

我有一些问题要把这个div放在wp中。 img

这个booking.com小部件在div类中,我假设的容器。

.et_pb_widget_area .et_pb_widget_area_left .clearfix et_pb_module 
.et_pb_bg_layout_light  .et_pb_sidebar_0 .et_pb_sidebar_no_border

那是来自Divi Theme Builder。他的尺寸是1036 x 341.188;

尝试在booking.com类中使用margin:0 auto(尺寸362.594 x 284.219):

.et_pb_widget bos_searchbox_widget_class

但没有成功。我也尝试将max width:100%设置为容器和margin:0 auto;到搜索框但也没有成功。

如果需要,可以使用插件Booking.com官方搜索框。

此外,这是我试图将此作为中心的网站:http://198.199.66.183/

有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:1)

在你的CSS中试一试,测试它似乎有效:

.et_pb_sidebar_0.et_pb_widget_area .et_pb_widget{
    width: 35%;
    margin: 0 auto;
    text-align: center;
    display: block;
    float: none;
}

预期结果: enter image description here

代码是使用chrome中的实时检查器编辑的,这里是检查器内部的代码以及我选择使其运行的元素:

enter image description here

希望这有帮助!祝你好运!