Archived topic
Edit HTML footer content
7 replies · Started by Alfredo on August 14, 2018
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!
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 :)
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:
And this is the design that I want to copy:
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 :)