- This topic has 9 replies, 2 voices, and was last updated 1 year, 11 months ago by David.
-
AuthorPosts
-
April 21, 2022 at 3:37 am #2195725Kate
Hi there
Hope you can help.
I’d like to adjust my home page (www.ethicalescapes.org) a little but having some difficulty working out how to get WP to do what I want!
1) I’d like to round off the corners of the large image to create a wave effect. Is this possible?
2) I’d like to move the search panel (GeoDirectory) up over the top of the image. Is this possible?
3) I’d like to increase the size of the images so there is less white space between them all. Where would I do that?
4) And can I increase the margins of the home page without increasing the margins of posts? I’d like the home page (and other pages with mainly images) to fill up most of the page. But blog post pages I’d like to keep the width fairly narrow for ease of reading.Thanks!
April 21, 2022 at 3:48 am #2195734DavidStaffCustomer SupportHi there,
to begin with regarding #2 – how is the Search form added to the page? Is it a block or a shortcode ?
Best we see how that can be positioned and then look at the others 🙂April 21, 2022 at 3:57 am #2195740KateHi
It is as a block – GD-Search.
ThanksApril 21, 2022 at 4:06 am #2195751DavidStaffCustomer SupportOK so i would begin with:
1. Replace the Cover Block you have for the large hero image with a GenerateBlocks Container Block.
See the docs here for that block:https://docs.generateblocks.com/article/container-overview/
It covers adding background images, padding, rounded corners and shapes which you can use to create your wave effect.
NOTE: If you want control over the text you add to that container then use the GB Headline Block, it too has a bunch of styling controls.
2. You can add that block inside the GB Container Block.
3. You’re using a Block plugin to the post grid – does that have a column gap option ? If not let me know and ill see what CSS it requires.
4. So as a general rule when building landing pages i would do:
a) Set the Pages Content Container to Full Width:
https://docs.generatepress.com/article/content-container/This is going top create a full width page that HAS no padding.
b) Use the GB Container Block to create the various sections of your page. With the Container Block you can set its inner width and padding to suit
This way you can specifically design this page without it interfering with any other page on the site
April 21, 2022 at 5:07 am #2195781KateThanks so much.
I’ve managed to do 1) – the image.
2) I can’t see how to add in the GD Search block and heading over the top of the image? I can get the Search to come up but it’s in the wrong place and I cannot then edit it. And I can’t work out how to add a header on top of the image at all. Sorry.
3) I can’t see a column gap option. I hope I’ve set it up correctly. Would it be easier for you to take a look if I give you the log in?
4) Thanks that makes senseApril 21, 2022 at 5:15 am #2195789DavidStaffCustomer SupportLets get #3 out the way – try adding this CSS:
.entry-content .wp-block-kadence-posts.grid-cols { column-gap: 1.5rem; row-gap: 1.5rem; }
You can set the two -gap properties to any value – their currently at 2.5rem.
If you want to share a temporary admin login in the Private Information field, i can take a look a the other issue.
April 21, 2022 at 5:48 am #2195827Kateok that’s helped. I have a feeling I may not have set up the home page correctly with containers. Perhaps that is where the issue is coming in? For example the two posts blocks are different widths.
Anyway, for 2) my log in is below
Thanks so much.April 21, 2022 at 6:00 am #2195844DavidStaffCustomer SupportOk so i made some corrections to set the front page up as full width – see here for the changes i made:
You should now be able to add the other blocks you want inside that top container.
April 21, 2022 at 6:24 am #2195871KateOh this is great. Thanks so much. I’ve got to go out now but i’ll come back to it later. Thanks again.
April 21, 2022 at 6:26 am #2195875DavidStaffCustomer SupportGood luck – let us know how you get on!
-
AuthorPosts
- You must be logged in to reply to this topic.