Hey there, I'm attempting to place a vertical banner ad created with HTML/CSS inside a textarea in the WordPress widget section. I added a textarea to the side column, inserted the HTML with corresponding CSS styles into the stylesheet. However, the style isn't being applied, and if I apply it to the "textarea" class, then all textareas in the side pane will look the same. Is there a way to apply CSS only to this specific textarea without affecting others? Here's the code.
<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 on our site. We have over 2000 visits every week</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;
}