如何设置答案框样式/添加新主题框

时间:2019-09-24 14:54:56

标签: css wordpress

我正在设计wordpress网站,但是我没有html和CSS的经验,因此当我需要修复网站的细节时,我复制并粘贴了可以在网上找到的CSS代码,该代码一直在起作用远。

我目前遇到的问题是我正在使用一个名为wpforo的论坛插件,我想编辑回复/创建新主题框的外观。看起来很混乱而且没有吸引力(https://prnt.sc/paccv8)。

我可以添加什么CSS以便隐藏一些按钮?以下是有关答案框在我网站上的布局的一些屏幕截图。 (div和班级)

https://prnt.sc/pacddi

https://prnt.sc/pacdki

https://prnt.sc/pacea4

https://prnt.sc/paceha

https://prnt.sc/pacf09

如果可能的话,隐藏一些按钮是快速的解决方法-我可以添加什么CSS,以便可以使用“高级”按钮显示隐藏的按钮,然后使用“基本按钮”显示隐藏的按钮,下面是两个屏幕快照:我的意思。

https://prnt.sc/pac5fm

https://prnt.sc/pac5py

谢谢。

1 个答案:

答案 0 :(得分:0)

老实说,我认为您的默认设置很好。如果元素之间需要一些空间,则可以对元素使用margin-topmargin-bottommargin-leftmargin-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用于功能。