覆盖CSS中的radio样式,由于使用短代码而无法直接访问Wordpress

lyfkaqu1  于 2023-03-29  发布在  WordPress
关注(0)|答案(2)|浏览(118)

我正在使用WordPress和Propertyhive插件来开发一个房地产开发网站。
因为我使用的是自定义主题,所以我需要使用propertyhive插件提供的简码来在不同的页面上生成正确的部分。
这里的搜索框(https://managemyrentaluk.com/our-properties/)样式不是很好--我已经设法覆盖了一些CSS来更好地样式化下拉列表,但是单选输入标签不堆叠。
除了使用Elementor覆盖CSS之外,我不能编辑源CSS,因为它是由插件控制的。
先谢了。
我试过覆盖CSS,但我怀疑有一些冲突,我不能得到的底部-任何建议欢迎。

im9ewurl

im9ewurl1#

你可以用

/*---- To make your form inline-flex and make items centered vertically -----*/
form[name='ph_property_search']{
    display: inline-flex;
    align-items: center;
}

/*----- To position your radio elements over and under without wrapping -----*/
.control.control-department {
    display: grid;
}
.control.control-department label {
    white-space: nowrap;
}

希望这个有用。

yzuktlbb

yzuktlbb2#

最简单的解决方案是显示块标签。

.property-search-form .control.control-department label {
  display: block;
}

相关问题