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

Where to find Additional CSS Class, Monochrome Pro

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 › Where to find Additional CSS Class, Monochrome Pro

This topic is: resolved

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 11, 2019 at 11:31 am #494615
    di
    Participant

    I'm using Monochrome Pro's provided starter pack and wish to make a couple edits. When selecting an AB container and scrolling down the editing menu to Advanced, it shows the Additional CSS Class of narrow-content light-text. Where can I find such classes? They are not in Appearance/Customize/Additional CSS.

    Also, when I find and edit the class CSS, will the edit remain after an update?

    November 11, 2019 at 12:47 pm #494621
    Victor Font
    Moderator

    The narrow-content light-text classes are part of the Atomic Blocks plugin. You can't change the plugin code, but if you want to change what the classes do, you can add the classes to the WordPress custom CSS area to override the plugin.

    Regards,

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

    November 12, 2019 at 8:55 am #494642
    Anita
    Keymaster

    @di are you saying that when you add the AB Container and you go to that Additional CSS it is pre-filled with narrow-content light-text? If so, is this on a new page and you've added the container or are you updating a page from the demo content you may have imported? And if it is a page that was imported, which one? I installed Monochrome and want to see if I see it.

    Love coffee, chocolate and my Bella!

    November 12, 2019 at 3:13 pm #494648
    Anita
    Keymaster

    @di if you imported the demo, they are pre-filled. I installed it. The CSS for the demo is in the wp-content/themes/monochrome-pro/lib/gutenberg/ folder. The home page CSS is identified as this file front-end.css.

    If you'd like to change the styling of say, narrow-content light-text to something else - you can either 1) remove that and create your own class and CSS in the Additional CSS box, or keep that and create new code and also place that in the Additional CSS box.

    Love coffee, chocolate and my Bella!

    November 12, 2019 at 5:30 pm #494650
    di
    Participant

    @anita, thanks for your detailed explanations. Yes, I installed the demo package and I believe I'm using Market (actually as far as I can tell they're all the same except for photos).

    Yep, you got it. I'd like to change some of the classes. Seems like the easiest route is, as you said, to create my own. Thanks so much!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Where to find Additional CSS Class, Monochrome Pro’ is closed to new replies.