Chosen CSS Snippets

To customize Chosen with the CSS snippets below, please refer to our Custom CSS tutorial. If you can't find what you're looking for, stop by the Chosen support forum to ask for help.

Categories

Site Title - Increase Font Size

.site-title {
  font-size: 67px;
}

Increases the size of the site title. Further increase the "67px" value to make the title even larger.

Tagline - Increase Font Size

.tagline {
  font-size: 16px;
}

Increases the size of the tagline. Further increase the "16px" value to make the tagline even larger.

Primary Menu - Increase Font Size

.menu-primary-items a,
.menu-unset ul a {
  font-size: 16px;
}

Increases the size of menu items in the Primary menu. Further increase the "16px" value to make the menu items even larger.

Posts/Pages

Featured Image - Hide

.singular .featured-image {
  display: none;
}

Hides Featured Images on Posts and Pages.

Post Title - Increase Font Size

.post-title {
  font-size: 51px;
}

Increases the size of the Post and Page titles. Further increase the "51px" value to make the titles even larger.

Post/Page Title - Change Color

.post-title,
.post-title a,
.post-title a:link,
.post-title a:visited {
  color: #43b3c4;
}

Changes the color of Post titles everywhere on the site.

Page Title - Hide

.singular-page .post-header {
  display: none;
}

Hides Page titles.

Post Date - Remove

.post-date {
  display: none;
}

Removes the Post dates everywhere on the site.

Blog/Archives

Featured Image - Hide

.blog .featured-image,
.archive .featured-image,
.search .featured-image {
  display: none;
}

Hides Featured Images on the Blog and archive pages.

Posts - Add Border

.blog .entry,
.archive .entry,
.search .entry {
  border: solid 1px #333;
  padding: 12px;
}

Adds border around the Posts on the Blog and archive pages.

Archive Header - Remove

.archive-header {
  display: none;
}

The archive header is the text that shows at the top of archive pages (e.g. "You are viewing the Aciform category archive.")

To customize Chosen with the CSS snippets above, please refer to our Custom CSS tutorial.

If you can't find what you're looking for, stop by the Chosen support forum to ask for help.

If you need help with a more detailed customization, we recommend finding a reliable WordPress developer with Codeable.

Additional Resources

  • Chosen WordPress Theme

    Download a copy of the latest version of Chosen.

  • Support forum

    Ask questions and find existing solutions in the support forum.

  • Changelog

    Review recent and past updates to Chosen.

  • Chosen on Github

    Review Chosen's commit history and project files on Github.

  • WordPress Resources

    Check our recommended resources to find great plugins and solutions for your site.

  • Codeable.io

    We can help you with minor changes on your site, but if you need a highly customized version of Chosen, we recommend finding help through Codeable.