Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Zendesk: Placing icons beside Title on Category and Sections
h1.imageheading a, h2.imageheading a, h3.imageheading a,h1.imageheading, h2.imageheading,h3.imageheading, .section > h2,.section h3
{
font-size: 32px;
line-height: 64px;
padding-left: 80px;
}
.imageheading.general-icon {
background: #fff url(//p2.zdassets.com/hc/theme_assets/path to your image.png) top left no-repeat;
}
.imageheading.News-icon {
background: #fff url(//p2.zdassets.com/hc/theme_assets/path to your image.png) top left no-repeat;
}
.imageheading.FAQ-icon {
background: #fff url(//p2.zdassets.com/hc/theme_assets/path to your image.png) top left no-repeat;
}
//Category Home Page
$('h2:contains("General")').addClass('imageheading general-icon');
//Section Home Page
$('.section h3:contains("News")').addClass('imageheading News-icon');
$('.section h3:contains("FAQ")').addClass('imageheading FAQ-icon');
//Section-Section
$('h1:contains("News")').addClass('imageheading News-icon');
$('h1:contains("FAQ")').addClass('imageheading FAQ-icon');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment