Site logo

Archived topic

Edit HTML footer content

7 replies · Started by Alfredo on August 14, 2018

Viewing posts 1–8 of 8

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!

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.

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 :)

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

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

https://imgur.com/a/bE6rgNB

And this is the design that I want to copy:

https://imgur.com/a/CnofpRr

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 🤘🏼

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

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

Thanks!

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

One Love from Gran Canaria 🤟

No problem :)

This archived topic is closed to new replies.