- This topic has 33 replies, 3 voices, and was last updated 4 years, 9 months ago by
Ying.
-
AuthorPosts
-
June 4, 2021 at 3:34 am #1809793
robchanoi
Apologies as not GP related dont think – but will redesign site and wondered if these block sections on this site numan.com- sexual health – nutritional health – etc were achievable using wp blocks in editor?
Thanks if you may know.
June 4, 2021 at 6:22 am #1809977David
StaffCustomer SupportHi there,
you can use the GenerateBlocks plugin – Container Block – it has Border Radius in its Spacing setting.
June 4, 2021 at 11:16 am #1810546robchanoi
Thanks David.
Excellent. Do you recommend setting up a hero image this way with GBs or through adding a header element?
June 4, 2021 at 11:31 am #1810556Ying
StaffCustomer SupportWe would recommend using Block element to create a page hero instead of Header element nowadays 🙂
This article should be helpful:
https://docs.generatepress.com/article/block-element-page-hero/June 4, 2021 at 11:39 am #1810564robchanoi
Cool – thanks for quick clarification Ying.
June 4, 2021 at 11:53 am #1810570robchanoi
Can you merge GB container background image with header?
June 4, 2021 at 12:07 pm #1810585Ying
StaffCustomer SupportThis video should help:
https://youtu.be/TP8mgBQTgGgJune 4, 2021 at 12:44 pm #1810615robchanoi
It did – tks.
To get the hamburger menu image to appear top left is that defined in header element or in customisation?
Also – lastly 😉 getting the image to sit half up in a hero section i think it is like here – is that defined thru blocks or elements?
https://www.numan.com/numankind/hpv-vaccine-men
tksJune 4, 2021 at 12:55 pm #1810628Ying
StaffCustomer SupportTo get the hamburger menu image to appear top left is that defined in header element or in customisation?
It might require some CSS.
getting the image to sit half up in a hero section i think it is like here – is that defined thru blocks or elements?
Is the hero section built with a header element or a block element?
If you built it with a Block element, I would apply a negative bottom margin to the container, so it brings the page content up.
If you built it with a Header element, CSS is needed 🙂June 5, 2021 at 4:37 am #1811100robchanoi
Thanks Ying… appreciated.
The hamburger image i think i can just upload.
Regarding the curved corners – changing border radius works great for a container but uploading an image into a container you dont have this option – only square or rounded ro am i missing smth?
June 5, 2021 at 10:25 am #1811561Ying
StaffCustomer SupportYou can try adding a background image to the container that has the border radius set.
June 5, 2021 at 11:01 am #1811597robchanoi
yeah sorry confused my end… the image overlays the text, is there a way to reverse this? cheers for my follow ups
June 5, 2021 at 11:18 am #1811605Ying
StaffCustomer SupportCan you link me to your site so I can see what is happening?
June 5, 2021 at 12:49 pm #1811642robchanoi
it’s difficult as rebuilding it in draft – can’t publish or it will alter current site – doing non-professional way. In essence though whether I add a headline before or after i add an image, the text always sits on top.
June 5, 2021 at 4:18 pm #1811738Ying
StaffCustomer SupportIt’s very difficult for me to imagine what your issue is without seeing the code, so here is what I would recommend doing:
The red part is the block element which is merged with the header using the merge function from the Header element, the blue part is the post itself including the image ( featured image).
For example, I would apply a negative bottom margin to the block element to bring the entire post up to overlap.
https://www.screencast.com/t/QgdpLdzpqThen add this CSS to change single post content’s stack order:
.single-post #page { z-index: 2; position: relative; } -
AuthorPosts
- You must be logged in to reply to this topic.