Call To Action in Sidebar

[Tom]

Hi all,

Can anyone suggest a way to achieve a call to action area in a sidebar, similar to what StudioPress use.

Like so:

http://www.studiopress.com/terms-of-service

[Brad Dalton]

Use Firebug to inspect and view the CSS

---

Tutorials for StudioPress Themes.

[Tom]

Hi Brad, so would you just use a text widget? I tried this and can't seem to target the correct area, for example:

HTML within Text Widget

<div class="holiday-lettings">
<p>Why the Genesis Framework is the Foundation of any
<br>
<strong>Smart WordPress Design</strong>.
</p>
<a href="http://www.studiopress.com/features" class="button">Learn More<a/>
</div>

.siderbar .widget.holiday-lettings {
	background-color: #0274be;
	background-image: ;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 720px 143px;
	color: #fff;
	padding: 30px 24px;
	padding: 3rem 2.4rem;
	text-align: center;
}

[Tom]

How do you go about targeting the whole widget and not just the content of the widget?

[Author]

Posts