StudioPress

Forum navigation

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › A newbie question:

This topic is: not resolved

Tagged: , ,

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.