-
hi there,
section (hoe het werkt, Van aanvraag tot afhaling) i want to build something like this https://imgur.com/PTUforN and i changed the global styles for the border but all sides keep appearing in the frontend – i only want the
border-bottomi emptied the cache.
how would i best build this, withFlex shrinkandflex growor to set the grid to 20% and 80% for the text?Also this section (Wat we doen: Twee specialisaties, één partner) should be like this with the padding https://imgur.com/SmOgOdl but the inner container is showing the padding i added only in the backend.
thank you!
-
Hi there,
The global style is set to this, so it’s supposed to show 4 borders.
.gbp-card--border { border: 1px solid #000000; }Can you provide an admin login for me to check your settings?
For the 2nd section, it looks like the paddings are applied on the front end:
https://app.screencast.com/2zWe7P1RchBhvLet me know if I miss anything!
-
Hi Ying,
i added the credentials in the private field and also set the page to “Draft”. I edited the global style of the
.gbp-card--border, saved, emptied the cache but its still there.Thanks for checking 🙂
-
Hello,
hoe het werkt, Van aanvraag tot afhaling section: There was some strange issue indeed. I attempted entering
0value for the other border values, then, saved the page, then, cleared the0values and now it seems to work!For the 2nd section, do you want the front end to look how you have it set in the backend? See private section for screenshot.
-
Hi George,
thank you for correcting the border.
The second section should look like in your screenshot, yes. On the backend on my side it looks like this https://imgur.com/Ldx8ywq. Since the page is a draft i am not seeing it in an incognito browser, correct? I would have to set it then to
publicagain. -
Hi,
I am not sure what is going on here. I am seeing it like this on the backend when editing that page (which seems to be public, by the way).
Anyway, what is the your purpose for this layout. Are you trying to display the grid below the H2 heading with a left margin on the left? Basically, as I am seeing it in the backend?
-
I don’t know either, i am working in the Brave Browser, could that be the reason?
Yes it should look like in your screenshot. Unfortunately on my end in a private window it still looks like this at the frontend: https://imgur.com/MuS0r7L
I want to get this container to the same height as the other one. how do i have to change the settings? I tried height 100% but that was not the right move https://imgur.com/AoxAr1N
-
Hi there,
Setting the gb-element-cd6b9901 Container height to 100% should achieve that.
If you also want to vertically center the content inside the Container, set the following Layout options:
Display: Flex Flex Direction: Column Justify Content: Center -
Hi Alvind,
yeah, thats what i tried but it looks like this https://imgur.com/kaJkp3h. It should be the container .gb-element-74196394, no? I set it to height to 100% that doesn’t do anything.
Could you please check on your end how this section looks? https://imgur.com/pvv1lEv it still doesn’t show as it should be (like this: https://imgur.com/6ATOZHs)
Thanks!
-
Hello,
yeah, thats what i tried but it looks like this https://imgur.com/kaJkp3h. It should be the container .gb-element-74196394, no? I set it to height to 100% that doesn’t do anything.
Remove the
100%height from the.gb-element-cd6b9901container and also remove the align itemscentervalue from the parent grid container (it will set the grid 100% height by default). There is also a3rembottom margin on the.gb-element-6ebf97e8container, you might want to remove that.Could you please check on your end how this section looks? https://imgur.com/pvv1lEv it still doesn’t show as it should be (like this: https://imgur.com/6ATOZHs)
Just set
6emleft padding only for the grid container, remove the 6em from the right padding. Seems to be some kind of block editor discrepancy. -
Hi George,
yes, that did the trick! Thanks for your support 🙂
-
Good to know, no problem!
- You must be logged in to reply to this topic.