- This topic has 11 replies, 2 voices, and was last updated 4 years ago by
David.
-
AuthorPosts
-
March 16, 2022 at 5:10 am #2156519
Robert
Hi there,
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 containerThe 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…
Link to example: https://www.painthog.com/get-started-with-abstract-acrylic-painting-step-by-step-tutorial/
Any suggestions on how to go about this? Thanks
Thanks
March 16, 2022 at 6:08 am #2156575David
StaffCustomer SupportHi there,
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 #2156629David
StaffCustomer SupportYou can ask it here 🙂 I wont tell if you dont lol
March 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 #2156686David
StaffCustomer SupportGlobal 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 #2156852David
StaffCustomer SupportThe Grid Block itself is simply a wrapper it doesn’t have borders etc.
You would add the Grid inside a Container Block to do thatMarch 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 #2156892David
StaffCustomer SupportYeah, that should work 🙂
March 16, 2022 at 8:45 am #2156902Robert
Great! Thanks so much, love the theme, blocks and support!
March 16, 2022 at 9:12 am #2156925David
StaffCustomer SupportAwesome – thanks for the great feedback !
-
AuthorPosts
- You must be logged in to reply to this topic.