- This topic has 11 replies, 2 voices, and was last updated 5 months ago by David.
March 16, 2022 at 5:10 am #2156519Robert
I’m trying to create a global style for a common container I use. Here are the steps I’m using:
Create new global style with a container and a grid block inside
Add a blank image block as a placeholder on the left side with no padding, and text block on right with 15px padding
I also add a 1px border around the top container
The problem is when I try to apply the global style in a post it has the main container with a border and that’s it..no grid or other blocks, padding etc…
Since I have a lot of step-by-step tutorial guides I was hoping to create a global style that may help load speed etc…
Any suggestions on how to go about this? Thanks
ThanksMarch 16, 2022 at 6:08 am #2156575DavidStaffCustomer Support
this is really a question for the GenerateBlocks support… but to cover:
1. Global Styles only apply to the individual block.
2. Therefore you need to add individual styles to each block.
and to make workflow easier
3. Once you created your global styles, create a Local Template and apply the global styles.
Now you can import the Local Template to the page.March 16, 2022 at 6:20 am #2156591Robert
sorry, about that! I have a follow up question, shall I move the topic over the generateblocks support forum?March 16, 2022 at 6:48 am #2156629DavidStaffCustomer SupportMarch 16, 2022 at 7:22 am #2156678Robert
Oh thanks. Thought I’d be blocked for generateblocks 🙂
The info helped.
If I build custom containers with inside grids and padding, (all with global styles like border etc), can I build only one and duplicate it? Does this add unnecessary code? Or, should I build each one separately? The reason I ask is I’ve been watching the YT vids and I seem to remember being told not too copy/paste blocks with global styles. thanksMarch 16, 2022 at 7:28 am #2156686DavidStaffCustomer Support
Global Styles with Grids are a little bit of a mind bender. As you can’t cascade a global style.
So I would:
1. Create a Global Style
2. Add a Grid Block, with a Single column, style that and apply the Global Style class name to it.
Now when i build my Local Template i would add a Single column Grid, apply the Global Style to that single column container and then Duplicate the columns from the Grid toolbar.March 16, 2022 at 7:36 am #2156693Robert
I was hoping to add a 1px border around the grid, but I don’t see where grids offer that. Which is why I started with a container…Am I missing something?
Here’s an example post of what I’m trying to do, just gotta scroll down to see it; https://www.painthog.com/how-to-mix-acrylic-paint-for-beginners/March 16, 2022 at 8:04 am #2156852DavidStaffCustomer SupportMarch 16, 2022 at 8:30 am #2156878Robert
Okay, I see.
So, once I build a grid and style it. Then follow your directions for creating template, I can then build one grid and duplicate it with causing any issues? Thanks again, you’re very helpful and patientMarch 16, 2022 at 8:40 am #2156892DavidStaffCustomer SupportMarch 16, 2022 at 8:45 am #2156902Robert
Great! Thanks so much, love the theme, blocks and support!March 16, 2022 at 9:12 am #2156925
- You must be logged in to reply to this topic.