• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Parallax ProVersion: 1.3.3 (Making Nav Font Larger)

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax ProVersion: 1.3.3 (Making Nav Font Larger)

This topic is: not resolved

Tagged: Making Navigation Font Larger, parallax-pro

  • This topic has 7 replies, 2 voices, and was last updated 4 years, 6 months ago by Anita.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 11, 2018 at 11:31 am #221591
    SCraft
    Member

    Help! Please! Can't make the navigation font larger in my css sheet. No results when I increase font size for some reason. I don't know css so any help will be very appreciated!

    Thanks,

    Shelby C

    https://www.WaterscapeTech.com
    July 11, 2018 at 3:45 pm #221610
    Anita
    Keymaster

    Edit lines 819 and 820 of the stylesheet to your desired font sizes:

    .genesis-nav-menu a {
    	color: #fff;
    	display: block;
    	font-family: 'Quicksand', sans-serif;
    	font-size: 12px;
    	font-size: 1.2rem;
    	font-weight: 500;
    	letter-spacing: 1px;
    	padding: 27px 10px;
    }

    Clear any cache in the site and browser if you do not see an immediate result.


    Love coffee, chocolate and my Bella!

    July 11, 2018 at 4:15 pm #221612
    SCraft
    Member

    Thanks Anita!

    This is what I did but no effect at all.

    .genesis-nav-menu a {
    color: #fff;
    display: block;
    font-family: 'Quicksand', sans-serif;
    font-size: 32px;
    font-size: 4.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 27px 10px;
    }

    Cleared cache and tried different browser still no effect at all.

    Odd....

    Any additional thoughts are appreciated!

    Thanks again Anita!

    Shelby

    July 11, 2018 at 4:39 pm #221614
    Anita
    Keymaster

    You have a CDN active.

    Cache Enabler by KeyCDN.

    You may need to clear the cache in the CDN you are working with. If you are modifying in the dashboard under Appearance > Editor, your CDN is probably not allowing the changes. Therefore, you would need to deactivate that or modify the files with FTP or some other way as recommended by the CDN.


    Love coffee, chocolate and my Bella!

    July 11, 2018 at 4:42 pm #221615
    SCraft
    Member

    I don't have a CDN active. Good thought! I just added ssl cert and verified no CDN was active. Odd.....

    July 11, 2018 at 5:02 pm #221618
    Anita
    Keymaster

    View source says (view-source:https://www.waterscapetech.com/) says:

    <!-- Cache Enabler by KeyCDN @ 11.07.2018 22:34:45 (html) -->


    Love coffee, chocolate and my Bella!

    July 11, 2018 at 7:02 pm #221620
    SCraft
    Member

    Hi Anita,

    Yes that plugin was installed and I had no idea it was using a CDN.
    I disabled that plugin and still no change in size of menu text items. So odd.

    I am clearing cache and also tried a new browser Oppra and still no effect/change.

    This should be working....
    We appreciate your time very much and for trying to help us!

    If you have any other thoughts let me know. I need to be modifying the style.css in Parallax pro yes?

    July 11, 2018 at 7:33 pm #221621
    Anita
    Keymaster

    Yes, the two lines (819 and 820) of the stylesheet should be modified. You should be modifying this file - https://www.waterscapetech.com/wp-content/themes/parallax-pro/style.css. The theme header is missing from that file, so it's a possibility that the changes aren't taking because of that. Not sure why someone would remove it but it should resemble something like this - https://demo.studiopress.com/parallax/wp-content/themes/parallax-pro/style.css?ver=1.3.3.


    Love coffee, chocolate and my Bella!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble