Sponsor Widget Title On Homepage

[Dave Funderburke]

Is there a way to may the titles of the sponsor widgets on the homepage have the same boxed/colored heading as the other titles/headings on the homepage? I am using the sponsor widget and when I use it in the sidebar of the other pages on the site the title is displayed in the red box. The only place this is not currently happening is on the homepage.

[Bill Robbins]

Hi Dave,

I believe you can do that. Add this to the Custom CSS in the styling tab of your theme options page:

@media only screen and (min-width: 1024px) {
	
	#home-widgets .sponsor-display h4.widget-title {
		color: #fff;
		background-color: #cc3a3f;
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0)));
		background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
	}
	
}

See how this works for you.

Have a great weekend,
Bill

[Dave Funderburke]

Unfortunately this is not working.

This is what I currently have in my Custom CSS box:

.sponsor-list .sponsor {
min-height: 225px;
}

.single-scholarship p.staff-meta {
display: inline-block;
margin-right: 5px;
}

@media only screen and (max-width: 1024px) {

#navigation {
height: auto;
}

#mobile-menu ul,
#nav-left ul.menu {
display: none;
}

#mobile-menu {
display: block;
}

select.tinynav {
border: none;
float: left;
border-radius: 0;
-webkit-appearance: none;
-webkit-background-clip: padding-box;
padding: 10px 20px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}

@media only screen and (min-width: 1024px) {

#home-widgets .sponsor-display h4.widget-title {
color: #fff;
background-color: #cc3a3f;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0) 100%);
}

[Dave Funderburke]

This is now working.

[Author]

Posts