doerakers Posted March 16, 2015 Share Posted March 16, 2015 Is it possible to remove footer block? I want to remove the whole bottom section with links included. I uploaded a screen shot below. Thanks! Link to comment Share on other sites More sharing options...
doerakers Posted March 16, 2015 Author Share Posted March 16, 2015 I want the site to end at this block Link to comment Share on other sites More sharing options...
rocky Posted March 17, 2015 Share Posted March 17, 2015 You can change line 37 of footer.tpl in your theme's directory to: {* <div class="row">{$HOOK_FOOTER}</div>*} Adding the {* and *} will cause the code to be ignored, so none of the footer modules will be loaded. You can then add your own footer HTML after this line. 1 Link to comment Share on other sites More sharing options...
doerakers Posted March 17, 2015 Author Share Posted March 17, 2015 Thanks for the help. Do you know how to remove the footer gap background? Link to comment Share on other sites More sharing options...
rocky Posted March 17, 2015 Share Posted March 17, 2015 Search for the following near the bottom of global.css: .footer-container .container { padding-bottom: 100px; } Reduce the number 100 until you are happy with the spacing. 1 Link to comment Share on other sites More sharing options...
doerakers Posted March 17, 2015 Author Share Posted March 17, 2015 Thanks it worked perfect! There should be an option in this forum to tip the helpers beer money!! Link to comment Share on other sites More sharing options...
rocky Posted March 18, 2015 Share Posted March 18, 2015 If you feel inclined, you can send a small donation to my PayPal email address [email protected] Link to comment Share on other sites More sharing options...
Abbeywood Posted March 18, 2015 Share Posted March 18, 2015 It works perfectly but I have some additional questions: Is it possible to remove the left side of the footer only and to leave the right one, while making it display inline of each of the elements? Thanks Link to comment Share on other sites More sharing options...
rocky Posted March 19, 2015 Share Posted March 19, 2015 It should be possible if you remove the "Categories block", "CMS block" and "My account block" from the "Footer of pages" hook. You'll then need to modify global.css to make the "Stores" section inline. It's hard to explain exactly how here. Link to comment Share on other sites More sharing options...
Abbeywood Posted March 19, 2015 Share Posted March 19, 2015 Thanks rocky for your reply. I can say I am not a newbie in CSS so if you just give me some guidance I'm sure I'll figure it out. Is it a class (and which one) I need to change (or many) or is it something else? Thanks again. Link to comment Share on other sites More sharing options...
rocky Posted March 19, 2015 Share Posted March 19, 2015 It's the #block_contact_infos section and its contents that you want to restyle. You can find the code near the bottom of global.css. Here's what I see in the default theme: .footer-container #footer #block_contact_infos { border-left: 1px solid #515151; } @media (max-width: 767px) { .footer-container #footer #block_contact_infos { border: none; } } .footer-container #footer #block_contact_infos > div { padding: 0 0 0 5px; } @media (max-width: 767px) { .footer-container #footer #block_contact_infos > div { padding-left: 0; } } .footer-container #footer #block_contact_infos > div ul li { padding: 0 0 7px 4px; overflow: hidden; line-height: 30px; } .footer-container #footer #block_contact_infos > div ul li > span, .footer-container #footer #block_contact_infos > div ul li > span a { color: #fff; font-weight: normal; } .footer-container #footer #block_contact_infos > div ul li i { font-size: 25px; width: 32px; text-align: center; padding-right: 12px; float: left; color: #908f8f; } Good luck. Link to comment Share on other sites More sharing options...
Abbeywood Posted March 19, 2015 Share Posted March 19, 2015 Thank you very much. Link to comment Share on other sites More sharing options...
therefinerz Posted March 10, 2016 Share Posted March 10, 2016 You can change line 37 of footer.tpl in your theme's directory to: {* <div class="row">{$HOOK_FOOTER}</div>*} Adding the {* and *} will cause the code to be ignored, so none of the footer modules will be loaded. You can then add your own footer HTML after this line. have been looking this whole evening for this. Thanks GBU Link to comment Share on other sites More sharing options...
therefinerz Posted March 18, 2016 Share Posted March 18, 2016 Search for the following near the bottom of global.css: .footer-container .container { padding-bottom: 100px; } Reduce the number 100 until you are happy with the spacing. I tried to but the footer padding increased all the more. My site www.thetruelightministry.org . please help thanks Link to comment Share on other sites More sharing options...
rocky Posted March 18, 2016 Share Posted March 18, 2016 I had a look at your website and it seems your theme uses .footer_wrapper instead of .footer_container. I couldn't find the exact location of the CSS code in Firebug though, since it appears to be inline. I suggest that you use sitewide search in Dreamweaver or whatever editor you use to find .footer_wrapper and then change the height there. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now