- This topic has 10 replies, 3 voices, and was last updated 3 years, 10 months ago by David.
-
AuthorPosts
-
April 26, 2020 at 9:59 pm #1257155Tim
Hey Folks,
Running latest version for the following setup:
Theme: GeneratePress
Site Library: PeakWhen 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.
April 27, 2020 at 8:48 am #1258118LeoStaffCustomer SupportHi 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 π
April 28, 2020 at 1:55 pm #1260230TimThanks Leo, I’ve updated the URL from the original post, if you need anything else please do let me know π
April 28, 2020 at 2:00 pm #1260240LeoStaffCustomer SupportAny chance you can disable all plugins except GP Premium to eliminate conflicts from other plugins first?
Let me know π
April 28, 2020 at 2:12 pm #1260261TimDeactivated 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.
April 28, 2020 at 2:26 pm #1260273TimFound 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 π
April 28, 2020 at 3:09 pm #1260318LeoStaffCustomer SupportThat’s not required currently.
You can disable it for now π
April 28, 2020 at 3:29 pm #1260344TimThanks, 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?
April 29, 2020 at 2:21 am #1260792DavidStaffCustomer SupportHi 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; }
May 6, 2020 at 9:46 pm #1273070TimHey 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.May 7, 2020 at 6:56 am #1273606DavidStaffCustomer SupportChange 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; }
-
AuthorPosts
- You must be logged in to reply to this topic.