Site logo

Archived topic

Footer Widget and generateblocks pro

14 replies · Started by Escobar on January 20, 2021

Viewing posts 1–15 of 15

I want to place social networks in a widget in the footer.

I have made the design of the block with generateblocks pro and I have copied the code in an html widget. but doing it like this it seems that it doesn't save the css.

Is a a -correct- way to be able to insert it in the widget so that it respects the cess (color. Shape ...)

Web is: https://www.mivestuariolaboral.com

Thanks in advance.

Best regards

Hi Escobar,

Instead of using footer widgets, I would recommend to built the entire footer widgets area with Block element and Generateblocks.
https://docs.generatepress.com/article/block-element-overview/

Go to Appearance > Elements, create a new Block element, choose Hook as block type, choose generate_before_footer as hook, set to Entire Site in display rules> location.

In the block element, using GB create a structure like this:
https://www.screencast.com/t/idtSPg6OYh

Btw you can use duplicate function make style setting easier since the first 3 widgets are very similar. I did 2 short demonstration clips, have a look :)
https://www.screencast.com/t/9e0DGbCr0Q
https://www.screencast.com/t/CCbXberjGnw

Ok, thanks but but i´d prefer not to change the entire footer.

Is there another way?

Thanks.

Kind regards.

Then you'll need to add some CSS to target the social media widgets in order to style them.

Let me know what kind of layout you are looking for, we might able to offer some assist :)

Id like ´with a circle around each social logo, simitar to generateblocks pro library.

Thans in advance.

Best regards.

Hi there,

Copying and pasting the HTML like this isn't a great idea - you've brought along a ton of HTML comments from the editor, and your buttons don't have links/aren't <a> elements.

If you're not wanting to use the editor to build the footer (but you've already built it?), you'll need to manually clean up the HTML, add the necessary <a> elements and then add the CSS to style them.

In my opinion, you're way better off just building it directly in the editor - that's what Block Elements were made for.

Otherwise, you'll want to copy the HTML/CSS from that block on the front-end of your website, so you don't bring along all the HTML comments etc..

I have created it in the editor, but I don't know how to insert it in the footer widget.

As Tom and Ying both suggested, it's not a good idea to use footer widgets if you are going to use GenerateBlocks.

We would recommend using the block element module with GenerateBlocks to create a custom footer including the footer widgets and footer:
https://docs.generatepress.com/article/block-element-overview/

Ying's reply provides lots of good explanations on how to get this done:
https://generatepress.com/forums/topic/footer-widget-and-generateblocks-pro/#post-1626959

I have created a block for the footer and assigned it to generate_footer, but the old footer is still showing.
Also, a blank space appears after the footer block.

Can you help me please?

Web: https://www.mivestuariolaboral.com

Thanks in advance.

Hi there,

in the Block Element you can change the Block Type to Site Footer - this will remove the existing footer.

Done, but nothing happens

Best regards

Plese help, actually web has 2 footers

Go to Customizer > Layout > Footer and set the Footer Widgets to 0

It works!!!

Thanks a lot

You're welcome

This archived topic is closed to new replies.