Executive Pro Styling Issues

[carolensminger]

I'm struggling with a few styling changes. I'm not a developer but I know how to inspect an element and then change it in the style sheet. Problem is, I either make the changes and it does nothing, or I can't find where to change it.

Issues on:
1. Navigation: Increase the font size.
2. Call to Action Banner: I can change the upper padding but not the lower.

3. Page Entry titles - Decrease font size. I can change the weight, but not the size. I tried to make the H1,H2, etc., smaller too but no changes.

http://riteflo.com/

[Victor Font]

1. Add font size to .genesis-nav-menu a at line 1252 in style.css

.genesis-nav-menu a {
    color: #666;
    display: block;
    padding: 16px;
    position: relative;
}

As you increase the font-size, you may have to decrease the padding between the menu items. To do this, you would change the padding in the above code to padding: 16px 10px;

2. The CTA doesn't have bottom padding. It has a bottom margin at line 949 in style.css:

.executive-pro-home .featured-content .entry {
    margin-bottom: 36px;
}

3. Entry titles are controlled by .entry-title at line 882 in style.css:

.entry-title {
    font-size: 32px;
    font-size: 4.2rem;
    line-height: 1;
    margin-bottom: 20px;
}

Notice there are two font-size directives. A rem unit is a flexible unit used by modern browsers. The px is a fixed unit of measurement used by older browsers. When you change a font-size, when both measurements are used, you have to change both. You have a font-size of 32px. The matching rem unit is 3.2rem. Both units have to match.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts