- This topic has 7 replies, 2 voices, and was last updated 5 years, 7 months ago by Leo.
-
AuthorPosts
-
August 14, 2018 at 10:52 am #648082Alfredo
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!
August 14, 2018 at 6:32 pm #648531LeoStaffCustomer SupportHi 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 🙂
August 14, 2018 at 6:46 pm #648550AlfredoHello 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.
August 14, 2018 at 6:50 pm #648552LeoStaffCustomer SupportCan 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 🙂
August 15, 2018 at 4:23 am #648989AlfredoI 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 🤘🏼
August 15, 2018 at 8:39 am #649361LeoStaffCustomer SupportWhat if we just apply a border bottom to the widget title?
.footer-widgets .widget-title { border-bottom: 2px solid #fff; }
August 15, 2018 at 11:01 am #649559AlfredoThanks!
That worked perfectly. Sometimes we look for the hardest way when the solution is pretty straight forward 😅
One Love from Gran Canaria 🤟
August 15, 2018 at 11:09 am #649573LeoStaffCustomer SupportNo problem 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.