Founder CSS Snippets – Support Center

Copy and paste any snippet below into the Additional CSS section in the Customizer to use it on your site.

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

Logo & Menu – Center

.title-container {
  display: block;
  text-align: center;
  margin-bottom: 24px;
}
@media all and (min-width: 900px) {
  .menu-primary-container {
    text-align: center;
  }
}

Primary Menu Items – Change Color

.menu-primary-items a, 
.menu-primary-items a:link, 
.menu-primary-items a:visited, 
.menu-unset a, 
.menu-unset a:link, 
.menu-unset a:visited { 
  color: #43b3c4; 
}

Post Titles – Change Font Weight

/* Use 400 for regular and 700 for bold*/
.post-title { 
  font-weight: 700; 
}

Post Content – Change Font Size

.entry-content, 
.excerpt-content,
.post-content { 
  font-size: 19px; 
}

Social Media Icons – Change Size

.social-media-icons i { 
  font-size: 24px; 
}

Content – Make Same Width as Header

#main {
  padding: 0 8.334%; 
}

Background – Change Color

body { 
  background: #e5e5e5; 
}

Social Media Icons – Change Color

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

Footer Text – Resize Font

.site-footer .design-credit {
  font-size: 10px;
}

Widget Titles – Resize Font

.widget .widget-title {
   font-size: 22px; 
}

Widget Content – Resize Font

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

Archive Header – Remove

.archive-header { 
  display: none; 
}

Posts – Add Border on Blog & Archive Pages

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

Featured Image – Hide on Blog & Archives

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

Post & Page Titles – Change Font Weight

.post-title,
.entry-title { 
  font-weight: 400; 
}

Page Title – Hide on Homepage Only

.home .post-header,
.home .entry-header { 
  display: none; 
}

Page Title – Hide on All Pages

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

Post & Page Titles – Change Color

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

Post Title – Resize Font

.post-title,
.entry-title { 
  font-size: 45px; 
}

Featured Image – Hide on All Pages

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

Primary Menu – Resize Menu Items

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

Tagline – Resize Font

.tagline,
.site-description { 
  font-size: 23px; 
}

Site Title – Resize Font

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

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

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