Add a style to all elements on a page

Hi there,

theres a few ways to do this.

Option 1 – Use Global Styles and local Patterns.

1. assign a Global Style to the H2 Headline block

2. Save the block as Pattern, make sure to uncheck the Sync option.

This method is my preferred method, as you can quickly add the pattern using a / keyboard shortcut with the global style already attached. It takes no longer then adding a new H2 Text block.

Option 2 – Global Style Container Block targeting a H2 selector,

1. create a Global Style for a Container Block and give it a name eg. has-custom-text
2. before adding the styles, add a +NEW selector:
https://learn.generatepress.com/blocks/block-guide/style-selectors/#generateblocks-pro-selectors
2.1 in the selector field type: h2
You will see the selector looks something like this: .has-custom-text h2
2.2 now apply the styles which will affect any H2 inside the container.
3. Add the global style to any container you want to apply it to.

Option 3 – Custom CSS using a GP Hook Element to apply to specific pages.

1. in Appearance > Elements -> Add New –> Hook.
2. Set the Priority to 1000
3. in the Hook element add your CSS wrapped in <style> tags eg.

<style>
h2 {
    /* add your styles here */
}
</style>

4. set the Display Rules Location to where you want to apply the styles

Let us know if you need any more info on any options

Super happy to hear that. Glad to be of help!