Archived topic
How to create design like in right bottom corner in generatepress theme
7 replies · Started by Yogesh on November 10, 2021
Hi team.
Firstly, I want to say thank you for creating this amazing theme. I have a question. I hope you don't mind it. How do you create that design which is appearing right bottom corner in header section. I want to add same design to my header site. Can you please provide CSS code for this design. I am ready to try different design too. I just want to add design like this on my site. I am awaiting for your reply. Thank you.
Hi Yogesh,
Can you provide any mockup image of how you want things to be laid out for your site's header?
So we have a clear idea or reference to know how to approach the request.
Hello Elvin, thank you for your reply. I have not imagined any designed as present. Presently, I just want to create same design as yours. I just want to change colors and instead of blue, red & black, I prefer #2b7a78,#def2f1, #17252a
I am a novice in coding. I hope this is enough information you are looking for. Thank you
Hello David, Thank you for your reply.
Yes, I am talking about this same design.
Thank you.
Hi Yogesh,
That's added to GenerateBlocks' shapes -
But the positioning is defined through a custom CSS which is this one:
.gb-container.shape-container>.gb-shapes .gb-shape-1 {
left: auto;
bottom: -75px;
}Which applies the bottom: -75px; to the container block w/ shape-container class added to it. the -75px bottom shows the "shape overlay" effect on the bottom right corner.
Hello, Elvin. Thank you for your reply.
My head is just revolving like earth. Can I get a step by step process please.
Thank you.
That image is an SVG Image that was designed specifically for the GP site.
Its not something that can be copied or edited in WordPress.
