Question

好吧，我试图将一个html / css制作的垂直横幅广告放在wordpress中的widget部分的textarea中。所以我将textarea拖入侧栏，并插入一些html并将相应的css添加到样式表中。然而，风格没有生效，如果我将风格应用于＆＃34; textarea＆＃34; class，然后侧窗格中的所有textarea看起来都一样...有没有办法只将css应用于这个特定的textarea而不影响所有其他...这里的代码 HTML

<div class="banner-ad-container">
            <div id="ad-header">
                <h2>Advertise Here!</h2>
            </div>
            <div id="ad-1">
                <h2>Place Your Ad Here</h2>
                <p>buy a place in our site. We have over 2000 visits everyweek</p>      
            </div>
            <div id="ad-2">
                <h2>240x400 Ad</h2>
                <p>Buy this 240x400 px ad banner and place your ad here.</p>
            </div>

            <div id="link-1">
                <a href="http://pctechtips.org/contact/"><h4>Click here for details</h4></a>                
            </div>
        </div>

CSS

.banner-ad-container {
    background-color: #152942;
    color: white;
    text-align: center;
    width: 240px;
    height: 400px;

}

#ad-header {
    border-bottom: solid 1px white;

}

Answer 1

如果你想做一些特定于某个Widget的内容而不必依赖他们的ID，你可以使用这些东西。

https://wordpress.org/plugins/widget-css-classes/

您将一个类应用于窗口小部件，该窗口小部件将显示在主窗口小部件包装器中，您可以使用该窗口覆盖主窗口小部件元素并选择子元素。

如果您明确了解选择器，那么@mrbubbles会做出很好的评论。

提示：密集使用Chrome / Firefox的Elements检查器。

无法在wordpress中创建垂直广告横幅

1 个答案: