Author CSS Snippets

To customize Author 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 Author support forum to ask for help.

Categories

Site Title - Increase Font Size

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

Increases the size of the site title. Further increase the "37px" 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.

Social Icons - Change the Color

.social-media-icons a,
.social-media-icons a:link,
.social-media-icons a:visited {
  color: #43b3c4;
}

Changes the color of the social media icons. Change the color code, #43b3c4, to switch the color.

Widget Contents - Increase Font Size

.widget * {
  font-size: 16px;
}

Increases font size of all elements in widgets. Further increase the "16px" to make the font size even larger.

Body

Body - Change Background Color

.main,
body:before {
  background: #43b3c4;
}

Changes the background color of the main section of the site (behind the posts).

Posts/Pages

Post Title - Increase Font Size

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

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

Post - Rounded Corners

.entry {
  border-radius: 6px;
  overflow: hidden;
}

Rounds the corners of Posts and Pages everywhere on the site.

Post - Semi-transparent Background

.entry article {
  background: rgba(255,255,255,0.5);
}

Makes the background of Posts semi-transparent, so the background can be seen through them.

Blog/Archives

Titles - Left-align

.post-header {
  text-align: left;
}

Left-aligns the Post titles and dates on the Blog, Posts, and Pages.

Excerpts - Left-align

.blog .post-content,
.archive .post-content,
.search .post-content {
  text-align: left;
}

Left-aligns the Post excerpts on the blog, archives, and search results.

Comments

Comments - Hide

.comments {
  display: none;
}

Hides the entire comments section on Posts & Pages

To customize Author 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 Author 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

  • Author WordPress Theme

    Download a copy of the latest version of Author.

  • Support forum

    Ask questions and find existing solutions in the support forum.

  • Changelog

    Review recent and past updates to Author.

  • Author on Github

    Review Author'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 Author, we recommend finding help through Codeable.