Sponsor Widget Title On Homepage

Support Area Forums Foundation Sponsor Widget Title On Homepage

This topic contains 3 replies, has 2 voices, and was last updated by  Dave Funderburke 1 year, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://targetingexcellence.org/
  • Author
    Posts
  • #37098

    Dave Funderburke
    Participant

    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.

    #37104

    Bill Robbins
    Moderator

    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

    #37156

    Dave Funderburke
    Participant

    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%);
    }

    #37181

    Dave Funderburke
    Participant

    This is now working.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Sponsor Widget Title On Homepage’ is closed to new replies.