Site logo

Archived topic

GP & Site Library - Homepage Settings

10 replies · Started by Tim on April 26, 2020

Viewing posts 1–11 of 11

Hey Folks,

Running latest version for the following setup:

Theme: GeneratePress
Site Library: Peak

When I edit the 'home' page from the Pages section of WordPress I see the following for the page contents:

However when the page is published the blocks look completely different, link this:

These are all defaults, where does the page get the formatting from as I would like to make some changes however I don't understand why the page is showing different buttons and layout as the published page?

Any advice and direction would be grand. Thanks in advance.

Hi there,

That's strange.

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know :)

Thanks Leo, I've updated the URL from the original post, if you need anything else please do let me know :)

Any chance you can disable all plugins except GP Premium to eliminate conflicts from other plugins first?

Let me know :)

Deactivated all of the plug-in's it is now showing correctly so I will just reactivate each plug in to see what is causing the conflict?

Also the buttons under each text, I'd like them all on the same horizontal line, what element do I need to add into the builder to keep them uniform regardless how much text is above them? If that makes sense.

Found the plugin which triggers the page to change the icons on the edit page:

Plugin: Gutenberg
Version: 7.9.1
Author: Gutenberg Team
https://wordpress.org/plugins/gutenberg/

Is this plugin installed as part of the Peak theme design? Should I be using this with the GP setup?

Thanks for any clarification :)

That's not required currently.

You can disable it for now :)

Thanks, Leo that is brilliant, any pointers on what block or setting to use for the format of the buttons below the text to keep this all horizontally aligned?

Hi there,

select the Columns Block wrapper ( not the individual columns ) - then in the Block Settings > Advanced give it an Additional CSS class of: same-height

Then add this CSS:

.wp-block-column.same-height {
    display: flex;
    flex-direction: column;
}
.wp-block-column.same-height > .wp-block-button {
    margin-top: auto;
}

Hey David,

Thanks for the pointers with this one, I went ahead and added the CSS class to the full/entire Columns Block.

Then within the CSS area of the Theme Customizer, from Appearance > Customize and then select the tab labelled Additional CSS, added this CSS code here.

It seems to have added the class to the column. However, I'm not sure if I've added the CSS code in the correct place?

Thanks for any further clarification you can advise.

Warmly,
Tim.

Change the CSS to this:

.same-height > .wp-block-column {
    display: flex;
    flex-direction: column;
}
.same-height > .wp-block-column > .wp-block-button {
    margin-top: auto;
}
This archived topic is closed to new replies.