我正在设计wordpress网站,但是我没有html和CSS的经验,因此当我需要修复网站的细节时,我复制并粘贴了可以在网上找到的CSS代码,该代码一直在起作用远。
我目前遇到的问题是我正在使用一个名为wpforo的论坛插件,我想编辑回复/创建新主题框的外观。看起来很混乱而且没有吸引力(https://prnt.sc/paccv8)。
我可以添加什么CSS以便隐藏一些按钮?以下是有关答案框在我网站上的布局的一些屏幕截图。 (div和班级)
如果可能的话,隐藏一些按钮是快速的解决方法-我可以添加什么CSS,以便可以使用“高级”按钮显示隐藏的按钮,然后使用“基本按钮”显示隐藏的按钮,下面是两个屏幕快照:我的意思。
谢谢。
答案 0 :(得分:0)
老实说,我认为您的默认设置很好。如果元素之间需要一些空间,则可以对元素使用margin-top
,margin-bottom
,margin-left
,margin-right
。例如#div-name{margin-bottom: 1rem}
。另外,如果您想在所有地方都想使用相同的数量,那么只需指定所有{top,bottom,bottom,left,right},您就可以使用margin: 1rem
来做到这一点。
如果您希望像示例中那样改变背景颜色,则标题div上的background-color: blue
可以使用。
关于基本和高级按钮选项,您将无法使用CSS做到这一点。它将需要Javascript / jQuery。在线上将会有很多教程,介绍如何使用jquery隐藏/显示元素,但是我认为(我还没有使用Wordpress来知道这是否正确),您需要创建一些javascript文件,然后以某种方式将其附加到页面上。对于初学者来说,这是很多新东西。我只会坚持你所拥有的。
我还建议使用W3Schools作为学习一些基本CSS的快速方法,这可能会让您有足够的机会得到想要的东西。
请记住,CSS用于样式,Javascript用于功能。