-
hi there,
1. i want to build this design https://imgur.com/0BzfJBb with the image as background image in the right corner. I tried it in the main container but i couldn’t resize it since the Media parameter only gave ‘full’ as an option. I tried now with two separate containers but there’s the padding from the inner container in the way. How could i easily build that in GB 2.2 which will also be okay for mobile?2. On the page ‘Over ons’ the design should be as following https://imgur.com/8bCK4wN so the image of the person is aligned with the grid in the container above (please see the red line). How can i build that so its growing and shrinking accordingly when changing the screensize aka responsive design?
3. I don’t want to show the brand-claim on the Page Hero only on the Homepage. How can i achieve that it’s not shown on all the other pages? I also want to animate that which is probably only possible with an additional class?
Thanks in advance for your help as always 🙂
-
Hi there,
1.
I tried it in the main container but i couldn’t resize it since the Media parameter only gave ‘full’ as an option.
There’s an option called SIZE in the backgrounds panel, you can click the 3 dots icon, and enter your custom value, for example,
55% auto.For mobile, it depends on your design.
2. Duplicate the upper section as the start of the bottom section so the Grid width can match.
3. Not sure you want it to only show on homepage or only NOT show on homepage. You can remove the location frontpage from the block element – page hero, and built another one only for the homepage according to your needs.
Generatelly speaking, animation requires JavaScript, CSS can only do very simple animations.
-
Hi Ying,
1. I use an ordered list here too: how can i edit the font for list items – like generally speaking? Through Custom CSS?2. How can i set up a grid with 1/3 and 2/3 in GB 2.x? With GB1.x i did it through setting width of the columns to 33,33% and 66,66% but that’s not working here. I tried to use in “Grid Template Columns” the values of
1fr, 2frbut that didn’t work either. Checked out the aspect ratio-property in MDN Documentation but couldn’t get it to work either.3. I guess i confused myself by describing it 🙂 I created now two different Page Heros: one for the Homepage which is set to only Homepage and another one which is set to “Entire Site” except “Front Page” but it is not showing on pages “Partners” and “Jobs” (only linked in the first footer).
-
For the page hero question, can you link me to the pages in question?
Please open a new topic for each of the new questions.
-
The page hero is pulling the page’s featured image as the background image; however, the pages you listed don’t have featured images, so the page hero has nothing to pull.
https://app.screencast.com/mpbmnSXBMg9QI -
So logic! Thank you 🙂
-
You are welcome 🙂
- You must be logged in to reply to this topic.