Footer margins / paddings

Home › Forums › Jevelin Theme › Footer margins / paddings

Home › Forums › Jevelin Theme › Footer margins / paddings

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

  • MonologueHQ
    Participant

    Hi there,

    I have three columns in the footer but I want to tweak the margins. Specifically, I want to move column 2 (middle) further to the left and column 3 (form) should be made longer and moved left too. Can you please help with some custom CSS code?

    Thanks.

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

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @MonologueHQ,

     

    I hope you are well today and thank you for your question.

     

    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

     

    @media (min-width: 900px){
.sh-footer .sh-footer-columns > .widget-item:nth-child(2),
.sh-footer .sh-footer-columns > .widget-item:first-child {
    width: 20%!important;
}
.sh-footer .sh-footer-columns > .widget-item:last-child {
    width: 60%!important;
}
}

     

    Best regards,
    Shufflehound team

    MonologueHQ
    Participant

    Thank you.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

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