- This topic has 11 replies, 4 voices, and was last updated 1 year, 6 months ago by Tom.
March 6, 2020 at 8:01 am #1187150Max
I am using the latest GP Premium and WordPress.
I implemented an about-page with a specific html5 theme via an iframe. It turns out though that it is quite difficult to make it responsive and to keep it up to date – it is a messy solution. That is why I was wondering whether it would be possible to rebuild it using the GP section element (a few changes included). Basically I would like to get a quick evaluation from you before I start creating the page:
– There should not be a horizontal scroll (like at the moment) but vertical one.
– The sections should look roughly the same as the tiles, meaning: There should be titles, subtitles, underlines, text but also background images underneath each tile.
– They should be responsive and make up a rather large part of the screen (in-between the header and footer) depending on the viewport – or on mobile: take up the whole space in-between the header and footer. Also: Would it be possible to create the “3D” effect of having a background image (in the background – currently grayish) and the tiles in the foreground including box shadow (while each tile still has its own background image)?
I want to avoid using an external pagebuilder which would slow down my page speed further.
Thank you for your timeMarch 6, 2020 at 6:07 pm #1187513TomLead DeveloperLead Developer
You may want to look at our new GenerateBlocks plugin: https://generateblocks.com
It extends the core WordPress editor and allows you to build containers with background images like this. It’s like a page builder, but without all of the bloat.
It’s still in a testing phase, but it’s moving along quickly and will be available on WordPress.org soon.March 6, 2020 at 11:56 pm #1187631newmedianewpeople.com
Good morning Tom.
I really like your generateblocks plugin but I can’t get it to work on my Generatepress site.
If you want I will send you my access data.
I can’t understand what the problem is.
Thanks and greetings from ItalyMarch 7, 2020 at 5:44 am #1187767DavidStaffCustomer SupportMarch 8, 2020 at 5:06 am #1188498Max
Thanks for the suggestion. So I take it that the sections plugin would not provide the features needed to rebuild the abovementioned page? I will take a look at generateblocks to see whether it works or is a suitable option.
Edit: I installed the plugin but – apart from the settings section – do not see any change in the backend. I read that a dashboard entry has not been made just yet but once I create a new page or post nothing is different. I am using the classic editor plugin and TinyMCE advanced instead of the Gutenberg editor.
SohHow do I make the generateblocks plugin work?
And a third question: Will there be an option to load fonts locally?March 8, 2020 at 1:48 pm #1188936TomLead DeveloperLead Developer
GenerateBlocks will only work with the Gutenberg editor.
You could try using our Sections module with the Classic editor, but that module will eventually be deprecated in favor of the new editor.March 8, 2020 at 11:51 pm #1189180Max
I just read that TinyMCE advanced is compatible with the Gutenberg editor. Before I had also conflated the Classic editor and TinyMCE advanced. So I am glad that they work together.
Can you still answer my last question regarding the use of local fonts?
Best regardsMarch 9, 2020 at 3:46 am #1189389DavidStaffCustomer SupportMarch 22, 2020 at 11:29 am #1206447Max
Hm so I tried around with Generate Blocks a bit but could not replicate my about page the way I wanted to.
The thing I cannot replicate is creating a linear gradient in the background of each section – not the whole block. The block already has a linear gradient (Thank you for that useful feature.).
This is what it is supposed to look like: https://alexandrin.de/about-subpage/
So there is a background behind the panels. Each panel – text, image etc. – has a linear gradient.
The structure I want to replicate is:
– page background: linear gradient
– in front of the page background: panels which have an own linear gradient or an image as a background and contain text in the foreground.
I fiddled around with the custom css box underneath the post but that did not yield any results.
This is what my dummy page looks like – I used two “classic paragraph” sections:
I am not sure whether this is due to the whole Gutenberg layout but so far it still feels quite unintuitive (still appreciate the existence of the plugin) – too many options to switch to a different mode etc. So it feels a bit like the menu is a mix of being cluttered and too empty/hidden at times.
2.) There is a bug/compatibility issue with a plugin. Should I report it here or elsewhere?March 22, 2020 at 3:57 pm #1206617TomLead DeveloperLead Developer
Couldn’t you add a Container block around your inner Container blocks?
That way you could apply your gradient to the outer container, then apply different backgrounds to each of the inner containers.
Bug reports should be reported here: https://generateblocks.com/help/
Thanks!March 23, 2020 at 12:55 am #1207037Max
Ah sometimes it can be so easy. Thank you – this works splendidly.
Is there any way, to add box shadow to a container?
Edit: I added some via CSS.
And sure – I will report the bug there.March 23, 2020 at 8:22 am #1207621
- You must be logged in to reply to this topic.