如何更改wordpress中特定页面中的一个图像的CSS样式?
对于默认情况下的所有图像,正在设置下面的样式类。如何更改wordpress中特定页面中的一个图像的CSS样式?
.figure {
display: inline-block;
vertical-align: top;
position: relative;
max-width: 100%;
}
我试图只在特定页面上更改display: inline-block to display:inherit
。我通过WP中的可视化作曲者添加了图像,并试图通过添加所需的样式为图像div添加一个新类,但仍显示:内嵌块保持不变。任何解决方案都将得到赞赏。谢谢。
如果您已经添加自定义样式的数字(你提到一个.pax
类),那么你只需要在指定的CSS如下:
.figure.pax{
display:inherit;
}
如果不工作,你可以添加特异性选择(我的偏好)或添加!important
如下:
.figure.pax{
display:inherit !important;
}
(或者,如果你想要的形象是display:block
这是个什么样子喜欢,请使用display:block
而不是display:inherit
)
谢谢:) :) –
@ sa-7 - 非常好,很高兴帮助! –
请添加内联CSS并检查其工作与否?
如果它的工作再添加新的类,并添加CSS的该类结束,并尝试将工作
像添加inline-img
这是新的类,然后添加下面的CSS来结束你的CSS文件的
.figure.inline-img{
display:inherit;
}
仍然没有变化.. –
当我在inspect元素上添加它的样式它工作,但是当我在样式表中写入并添加它不工作的类时,这将是我的样式表的问题吗? –
是的,问题出在样式表加载顺序,当你想覆盖现有的CSS类,那么你需要包括在最后。 – Mitul
您是否尝试在新类的显示值的末尾使用'!important'? –
尝试添加'display:inherit!important' – NooBskie
是的,我添加了,但仍然无效。 –