How to Add Another Widget to Footer

Home › Forums › Gillion Theme › How to Add Another Widget to Footer

Home › Forums › Gillion Theme › How to Add Another Widget to Footer

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts

  • alohi
    Participant

    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.

    Shufflehound Support
    Moderator

    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 team

    alohi
    Participant

    Hi,

    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.

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Could you please share me your site URL where it’s displaying so that i can help you to achieve it?

    alohi
    Participant

    Sure,

    Here it is.

    Shufflehound Support
    Moderator

    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;
}

    alohi
    Participant

    Thanks for your help.

    It worked.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

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