Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Global Styles – Cascading CSS

  • danstramer
    May 7, 2024 at 10:15 am

    Hi,
    When using the new Global styles feature on GBP, does it allow for cascading?
    What I am asking is, instead of creating a style for each element, such as:
    .card
    .card .card-img
    .card .card-heading
    .card .card-subheading

    how can I utilize this to work with HTML elements like so:
    .card img
    .card h2
    .card h3

    So I wouldn’t need to add a class for each element but it would rather cascade down?

    Thanks,
    Dan

  • Ying
    May 8, 2024 at 12:06 pm

    Hey danstramer,

    Yes, you can.

    You just need to add h3, h2, img instead of the classes when creating the sub-selector:
    https://app.screencast.com/PHrW5tuG7mEz4

  • danstramer
    May 8, 2024 at 2:28 pm

    That’s great.
    Thanks Ying

  • Ying
    May 8, 2024 at 2:47 pm

    No Problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.