Skip to content

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

Change the background color

body {
  background: #e5e5e5;
}

Changes the background color of the whole site. Replace the hex code with any color you’d like to use.

Site title – increase font size

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

Increases the size of the site title. Further increase the “33px” value to make the title even larger.

Tagline – increase font size

.tagline {
  font-size: 21px;
}

Increases the size of the tagline. Further increase the “21px” value to make the tagline even larger.

Primary menu – increase font size

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

Increases the size of menu items in the Primary menu. Further increase the “21px” value to make the menu items even larger.

Post & page titles – reduce font weight

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

Changes font titles to normal weight instead of bold

Post & page titles – increase font size

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

Increases the size of the Post and Page titles. Further increase the “54px” value to make the titles even larger.

Post & Page titles – change text color

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

Hide page title

.page .post-title {
  display: none;
}

Hides the page title on all pages (not posts).

Post byline – make all caps

.post-byline {
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

Makes the post byline all uppercase.

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

Return to Modern Store Support Center