Skip to content

Apex CSS Snippets

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 Apex support forum to ask for help.

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

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 Apex 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 Apex support forum to ask for help.

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

Return to Apex Support Center

Copyright © 2021 Compete Themes LLC.