Changing Fonts Inherited by Body Only in Certain Sections

[PrayersNApples]

I would like to change my widget title font (see: "resources" label on the sidebar at http://prayersandapples.com/blog/) and my a-cta button font (see "subscribe" button on homepage) but when I use Firebug it tells me that both fonts are inherited from the body, which I'm assuming is either this part:

body {
	background-color: #fff;
	color: #333;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.625;
}

Or this part:

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-family: 'Roboto Slab', serif;
 	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 15px;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
        font-family: 'Roboto Slab', serif;
}

My problem is, I want to keep the other headers/font the way they are. Is there a way to keep all of the other font the same, but change just the widget title and a-cta buttons (to 'Lobster Two')?

This is the section for the widget title (I tried adding 'font-family: 'Lobster Two' but it didn't do anything):

.widget-title {
	font-size: 24px;
	margin-bottom: 24px;
        text-align: center;
	text-transform: lowercase;
}

And this is the section for the buttons:

a.cta-button {
	background-color: #368687;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	padding: 15px 20px;
}

Thanks so much!!

http://www.prayersandapples.com

[PrayersNApples]

(I've currently changed all headers to the new font, Lobster Two, but am still hoping to figure out how to change some without changing the others.)

[PrayersNApples]

So sorry to bother everyone - but I've been experimenting with my css sheet and trying to search for answers online, but I still can't figure out how to change only specific sections of font, when they inherit their styling from the body. At this point, my main concern is changing the font color of my site description ("Database includes 400+ studies" in the tagline). It inherits its color, black, from the body text - and I don't want to change that. I just want to adjust the description to #368687 instead of #333. Any suggestions?

Thanks so much - and again, I'm really sorry to bother everyone!

[Author]

Posts