[Resolved] Edit HTML footer content

Home Forums Support [Resolved] Edit HTML footer content

Home Forums Support Edit HTML footer content

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #648082
    Alfredo

    Hello there!

    I want to modify the default HTML of the footer template to add a HTML block underneath the footer widget titles. For example, Generate Press footer template looks like this:

    <h4 class=”widget-title”>Widget del pie de página</h4>
    
    

    and I will like it to be like this:

    <h4 class=”widget-title”>Widget del pie de página</h4>
    <div class="myclass"></div>
    

    I think with the hooks I wouldn’t be able to do this right? Because the let you add code before or after the footer.

    I was thinking to edit the HTML file that contains that line, but I am unable to find and perhaps is not the most efficient way.

    Any suggestions?

    Thank a lot people!

    #648531
    Leo
    Staff
    Customer Support

    Hi there,

    Perhaps I’m misunderstanding but you can add HTML in the copyright field:
    https://docs.generatepress.com/article/changing-the-copyright-message/

    Let me know if this helps 🙂

    #648550
    Alfredo

    Hello Leo,

    Thank you for you replied. Perhaps I didn’t explain myself properly. I don’t want to add HTML in the copyright field.

    My aim is too add an HTML line (containing a div code) in the footer. More precisely after the title of the footer widget.

    so if the title appears like this:

    <h4 class=”widget-title”>Widget del pie de página</h4>
    

    I will like to add underneath that line the following:

    <div class="myclass"></div>

    thanks.

    #648552
    Leo
    Staff
    Customer Support

    Can you tell me what you wish to do with myclass and that empty div or the end result?

    Perhaps there is a better method to achieve whatever you are thinking 🙂

    #648989
    Alfredo

    I will put some images since I am working on localhost.

    This is what I currently have in the site that I am building:

    View post on imgur.com

    And this is the design that I want to copy:

    View post on imgur.com

    As you can see the objective of the empty div with “myclass” is to add the orange line below the the widget titles.

    The CSS of “myclass” is the following:

    .linea {
        height:5px;
        width:100%;
        background-color:#DDA032;
        clear:both;
    }

    I was thinking I could add the empty div directly in the content widget, but this wouldn’t work in the form widget since I can’t add code in that widget.

    Thanks a lot Leo 🤘🏼

    #649361
    Leo
    Staff
    Customer Support

    What if we just apply a border bottom to the widget title?

    .footer-widgets .widget-title {
        border-bottom: 2px solid #fff;
    }
    #649559
    Alfredo

    Thanks!

    That worked perfectly. Sometimes we look for the hardest way when the solution is pretty straight forward 😅

    One Love from Gran Canaria 🤟

    #649573
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.