个性化阅读
专注于IT技术分析

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

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

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

编辑:当我指的是弹性增长时, 我说了弹性基础。


#1


最好将一个类添加到该列中, 也许最好的办法是找到已经存在的类的名称, 然后添加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;}
赞(0)
未经允许不得转载:srcmini » 如何根据其中包含的小部件向侧边栏区域添加样式?

评论 抢沙发

评论前必须登录!