[Resolved] Footer Widget and generateblocks pro

Home Forums Support [Resolved] Footer Widget and generateblocks pro

Home Forums Support Footer Widget and generateblocks pro

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #1626868
    Escobar

    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

    #1626959
    Ying
    Staff
    Customer Support

    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

    #1627024
    Escobar

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

    Is there another way?

    Thanks.

    Kind regards.

    #1627032
    Ying
    Staff
    Customer Support

    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 🙂

    #1629124
    Escobar

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

    Thans in advance.

    Best regards.

    #1629613
    Tom
    Lead Developer
    Lead Developer

    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..

    #1629709
    Escobar

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

    #1629926
    Leo
    Staff
    Customer Support

    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

    #1631220
    Escobar

    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.

    #1631302
    David
    Staff
    Customer Support

    Hi there,

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

    #1631308
    Escobar

    Done, but nothing happens

    Best regards

    #1631545
    Escobar

    Plese help, actually web has 2 footers

    #1631547
    David
    Staff
    Customer Support

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

    #1631563
    Escobar

    It works!!!

    Thanks a lot

    #1631677
    David
    Staff
    Customer Support
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.