Agent Focused Pro 2 Theme Setup

  1. Home
  2. Docs
  3. Agent Focused Pro 2 Theme Setup
  4. Extras
  5. Change Theme Font Sizes

Change Theme Font Sizes

You can change the font sizes, if you prefer them larger or smaller than the theme defaults.

In WordPress, go to Appearance > Customize > Additional CSS

Add the following CSS for changing the most common elements - body font, title font, menu font, and front page 1 welcome message font.
The theme sizes are listed below, so you can make the font-size for each of them larger or smaller, accordingly.

/* Theme Font Sizes */
body {
    font-size: 16px;
}
.entry-title {
    font-size: 60px;
}
.front-page-1 .textwidget h2 {
    font-size: 80px;
}
/* End Theme Font Sizes */

Navigation Menu Item Font Sizes
To make the navigation menu item font sizes larger, add this to Appearance > Customize > Additional CSS.
Change both 12px to a larger number.

/* Menu Font Sizes */
.genesis-nav-menu a {
    font-size: 12px;
}
@media only screen and (min-width: 980px) {
     .nav-primary .genesis-nav-menu > li > a {
           font-size: 12px;
     }
}
/* End Menu Font Sizes */

Adjust the size of the agent name at small screen sizes.
First make the .user-profile p wider - the first CSS section below.
If that doesn't help enough, make the .user-profile .agent a.larger font-size smaller than 32 px.

/* Agent Font Sizes */
@media only screen and (max-width:680px) {
    .front-page-1 .user-profile p {
        width: 100%;
    }
    .user-profile .agent a.larger {
        font-size: 32px;
    }
}
/* End Agent Font Sizes */

Change Fonts That are Capitalized to Normal Case
To change the Front Page 1 welcome message, add the following CSS:

.front-page-1 .textwidget h2 {
    text-transform: capitalize;
}

To change the Front Page 1 agent name, add the following CSS:

.user-profile .agent a.larger {
    text-transform: capitalize;
}