如何根据其包含的窗口小部件向侧边栏区域添加样式?

时间:2018-04-27 18:20:21

标签: php wordpress widget wordpress-theming

我是第一次从头开始开发WordPress主题,我刚刚为页脚创建了一个自定义小部件,其中包含该网站的联系信息。我使用Flexbox进行最多四个页脚列的布局,我希望包含此自定义窗口小部件的列有flex-basis: 2;,以便它有时比其他列宽。

如何将类名添加到用户将自定义窗口小部件放入哪一列?

编辑:当我的意思是flex-basis时,我说flex-grow

1 个答案:

答案 0 :(得分:0)

而不是在列中添加一个类,最好的方法是找到已经存在的类的名称,然后添加CSS代码。

找到班级: 使用Chrome,检查元素。在控制台窗口中,它将显示类名称 然后进入你的仪表板>外观>编辑并添加自定义css代码。

例如,在我的网站上, 我使用左侧边栏来显示小部件,并在那里放入一些通用小部件框。我用css添加了我想要的风格。所以对于标题,我希望它们看起来像带有白色字母的蓝色方框。代码如下所示:

.widget-title {background-color: #004165; padding: 5px; color: #ffffff; margin-bottom: 15px;}
.widget-title {color: #ffffff !important; font-weight: normal !important;}