CSS reference help please!

HTML & CSS
1

I’m pulling out my hair on this one and am not making in progress.

I have the following html code:


<div id="block-views-calendar-block_1" class="right-sideblock">
	<div id="views-calendar-block_1" class="sideblock-inner">
		<h2 class="title">Upcoming Events</h2>
	</div>
</div>

and I need to reference the inner h2 tag in css, but unfortunately I cannot change the tags nor can I make a change for all h2.title elements.

I have tried the following with no luck:


div#views-canlendar-block_1 .sideblock-inner h2.title {
	padding: 0 0 0 20px;
	background: url(/images/pc/icons/calendar.png) no-repeat;
}

AND

div#views-canlendar-block_1 h2.title {
	padding: 0 0 0 20px;
	background: url(/images/pc/icons/calendar.png) no-repeat;
}

AND

div#views-canlendar-block_1 h2 {
	padding: 0 0 0 20px;
	background: url(/images/pc/icons/calendar.png) no-repeat;
}

Any help with is greatly appreciated!

2

You have it misspelled in the .css: canlendar should be: calendar. :slight_smile:

3

Absolutely right!

Thanks bpartch!