How to reduce height of footer, footer items, space above footer

  • Resolved hylaxsales

    (@hylaxsales)


    5 years, 3 months ago

    Hi,

    I have upgraded to Options for Twenty Seventy. So far fine but the footer portion is clunky and ugly, the height is too much and the items are big? How can I reduce the footer to be compact and all the widgets appearance to be small and neat inside the footer.

    Also above the footer where the back to top button is there is a big gap. How do I remove that gap?

    I am using Contact Form 7 to create button forms for user name and email input. The boxes and buttons are big and ugly. Pls is there anyway to modify the items to make them look better?

    Really appreciate some help to rectify an otherwise elegant theme.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hello,

    Sorry about your clunky / ugly footer.

    The height of the footer is dictated by what you put inside it. Your footer doesn’t appear to have much in it. You’d need to specify exactly what items you would like to make smaller and I can look to try to help you.

    To remove the margin above the footer you could use …

    footer.site-footer {
margin-top: 0;
}

    Just insert that CSS into “Customizer – Additional CSS”.

    As for the styling of Contact Form 7 items, you would need to speak to them about that.

    Oliver

    Plugin Author Oliver Campion

    (@domainsupport)

    Marking this as resolved now.

    Oliver

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to reduce height of footer, footer items, space above footer’ is closed to new replies.