Home>Support>Increase Font Sizes in Focus Premium

Increase Font Sizes in Focus Premium

Friends,
I’d love to increase the font sizes for 4 areas in Focus Premium:
(1) Site title on home page
(2) Menu bars at the top of my home page.
(2) Menus/pages listings in the sidebar.
(3) Body text for pages.

I’ve searched support but can’t find guidance for my theme.
Your help is great and worthy of an extra contribution. :)

Thanks,
Bob

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Bob

    Focus unfortunately doesn’t have theme options for this text but I can assist with Custom CSS if you’d like to extend your theme in this manner.

    it looks like you’ve started already. Please keep in mind that any edits you make via the Editor won’t survive a theme update. If we put these changes under Appearance > Custom CSS however they will be safe.

    /* Site Title / Logo */
    
    #masthead .site-title {
    font-size: 22px !important;
    }
    
    /* Menu */
    
    #masthead .site-navigation .menu-wrapper ul {
    font-size: 18px !important;
    }
    
    /* Home - H1 Header */
    
    #single-header h1 {
    font-size: 42px !important;
    }
    
    /* Main Content Area Font Size */
    
    .entry-content {
    font-size: 13px !important;
    line-height: 1.6em !important;
    }
    
    /* Widget Title - Applies to Sidebar Widget Titles Too */
    
    .widget .widget-title {
    font-size: 14px !important;
    }
    
    /* Sidebar */
    
    #secondary {
    font-size: 14px !important; 
    line-height: 1.6em !important;
    }

    In the cases where I’ve listed line-height with font size adjust both. Say for example you push entry-content to 16px I suggest a 24px OR 26px line-height, same with the sidebar.

    Let me know how you come along.

    If you want to add videos to Posts in the same we did in our demo: http://demo.siteorigin.com/focus/2013/02/20/ferrari-458/. Please head to any new post and check under the editor where will be a prompt to install the Focus VIdeo plugin. That said you can deploy the theme in the manner that best suits your requirements.

  2. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Please make changes to the CSS I provided. In many cases there I just copied the selector as it currently stands, they still need to be edited to your requirements.

  3. 10 years, 4 months ago Bob Patrick

    Again, thanks for the lightning-fast and thorough reply. I’ll do my homework now and share the results.
    Bob

  4. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    For sure. Let me know if we can assist further.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More