Community Forums › Forums › Archived Forums › Design Tips and Tricks › Digital Pro: squeeze footer area
- This topic has 4 replies, 2 voices, and was last updated 8 years, 11 months ago by
Sveen.
-
AuthorPosts
-
February 22, 2017 at 1:38 am #201741
Sveen
ParticipantHi,
I can't find the code to squeeze the footer area, can you help?
/* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #232525; border-top: 5px solid #fff; clear: both; text-align: center; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { float: left; padding: 90px 4%; } .footer-widgets-1 { background-color: #e85555; text-align: right; width: 25%; } .footer-widgets-2 { text-align: left; width: 39.8%; } .footer-widgets-3 { padding-left: 0; text-align: left; width: 35%; } .footer-widgets .widget { margin-bottom: 10px; } .footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6 { color: #fff; } .footer-widgets p { margin-bottom: 100px; } .footer-widgets p:last-child, .footer-widgets .widget:last-child { margin-bottom: 0; } .footer-widgets .widget-title { font-size: 22px; font-size: 2.2rem; letter-spacing: -1px; } .footer-widgets, .footer-widgets a, .footer-widgets p, .footer-widgets .widget-title { color: #fff; } .footer-widgets a { border-bottom-width: 0; font-family: 'Poppins', sans-serif; font-size: 14px; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; } .footer-widgets a:focus, .footer-widgets a:hover { color: #e85555; text-decoration: underline; } .footer-widgets .footer-widgets-1 a:focus, .footer-widgets .footer-widgets-1 a:hover { color: #232525; } .footer-widgets .simple-social-icons ul { margin-top: 10px !important; } .footer-widgets .simple-social-icons ul li { margin: 0px 12px 12px 0 !important; } .footer-widgets .simple-social-icons ul li a { padding: 15px !important; }Greetings
February 22, 2017 at 5:02 am #201748Victor Font
ModeratorWhat do you mean by "squeeze footer area"? What are you trying to do?
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?February 22, 2017 at 8:41 am #201767Sveen
ParticipantI'd like halve the height of the colored bar in the footer
https://drive.google.com/file/d/0B--1e9B1rRMyckJDZk1XZk1GRm8/view?usp=sharing
February 22, 2017 at 10:19 pm #201802Victor Font
ModeratorThe second block of code is adding 90px of padding to the top and bottom of the widgets. Reduce this dimension.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?February 23, 2017 at 2:38 am #201811Sveen
ParticipantPerfect
Thanks a lot!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.