- This topic has 7 replies, 2 voices, and was last updated 8 years ago by
.
Hi there,
I noticed there are 3 available widgets to be added to the footer. Just wondering how to add another widget and make it 4 columns in the footer.
And just two more things. How can I customize the line separating copyright bar from the footer widgets? And how can I customize the copyright bar padding?
Thanks in advance for your help.
Solution for this topic
Hi Alohi,
I hope you are well today and thank you for your questions.
I noticed there are 3 available widgets to be added to the footer. Just wondering how to add another widget and make it 4 columns in the footer.
To achieve this, you have to develop custom code in the child theme of Gillion theme as described in the following pages.
https://buckleupstudios.com/add-a-new-widget-area-to-a-wordpress-theme/
https://codex.wordpress.org/Widgetizing_Themes
And just two more things. How can I customize the line separating copyright bar from the footer widgets? And how can I customize the copyright bar padding?
Could you please tell me exactly what you want to achieve by customizing it so that i can help you to achieve this?
Best regards,
Shufflehound teamHi,
Thanks for your answer.
Regarding the second question, please check attached images.
My current footer looks like the first image (check the line size as well as the empty spaces above and bottom of the copyright text). But I want the copyright bar to be like the second image (with smaller line and less spacing)
Thanks.
Could you please share me your site URL where it’s displaying so that i can help you to achieve it?
Sure,
Here it is.
Solution for this topic
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-footer .sh-copyrights { padding: 20px 10px; } #page-container .sh-footer-widgets { border: 0; position: relative; } #page-container .sh-footer-widgets:after { display: block; content: ""; border-bottom: 1px solid #2c2c2c; width: 50%; margin: 0 auto; position: absolute; left: 25%; bottom: 0; }Thanks for your help.
It worked.
You are most welcome here 🙂
