• 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

A newbie question:

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 › A newbie question:

This topic is: not resolved

Tagged: executive pro, nav-header, navigation

  • This topic has 3 replies, 2 voices, and was last updated 3 years, 4 months ago by Victor Font.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 7, 2019 at 1:52 pm #225452
    Yumei
    Participant

    So here's a totally newbie question--and I don't even know what to google to find the answer.

    So I wanted to add a margin between the header_right nav menu and the slider panel (Executive Pro theme) on the homepage. Chrome identified the element .nav-header, I tried out this in the customizer ("Additional CSS"):
    .nav-header {margin-bottom: 3px;} --it worked.

    Since I want to make this a permanent change, I opened up style.css to modify the code there, but .nav-header is nowhere to be found. Why is that?

    January 8, 2019 at 7:07 am #225476
    Victor Font
    Moderator

    Not every class that you see in the source code is necessarily in style.css or front-page.css. Classes are sometimes added through code for the convenience of making your own customizations as you have done.


    Regards,

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

    January 8, 2019 at 8:24 am #225479
    Yumei
    Participant

    I understand the first part. However, I didn't add a .nav-header class. I found it through the Chrome Inspector tool. Classes can't be generated on the fly--or can they?

    January 12, 2019 at 7:42 am #269280
    Victor Font
    Moderator

    The .nav-header class is one of those that are generated by code. If you want to leverage it, you need to add it to style.css.


    Regards,

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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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

© 2022 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