Footer space is perfect on smaller/mobile views in responsive, but in full screen there is a big gap between the widgets and the footer. Can this be minimised?
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi Tahir, looking for same solution than osiinluny but didn't work the custom css code you provided, I tried making it higher or lower to check if it was working but did not get any change.
I don't know what is not working but I haven't been able to make it work. I'm using the Material skin if that has something to do with it. Using same topic I'm attaching a screenshot to see how to reduce margins in the footer (mark on green).
If you could please let me know what custom css i should add would be great.
I almost made it work all but the copyright container, I wasn't able to shrink it and I disabled it. If it is no problem could you help me with that code please? I will enable again the copyright so you can see it
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi again,
Footer space is perfect on smaller/mobile views in responsive, but in full screen there is a big gap between the widgets and the footer. Can this be minimised?
Thanks,
Oisin
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.textwidget.custom-html-widget iframe { max-height: 262px; }Thanks
ThemeNectar Support Team
Hi Tahir, looking for same solution than osiinluny but didn't work the custom css code you provided, I tried making it higher or lower to check if it was working but did not get any change.
Worked well - thanks Tahir :)
I don't know what is not working but I haven't been able to make it work. I'm using the Material skin if that has something to do with it. Using same topic I'm attaching a screenshot to see how to reduce margins in the footer (mark on green).
If you could please let me know what custom css i should add would be great.
https://corporate-portraits.marcdiez.com
@Marcidiez, I see you already got it working: http://prntscr.com/omwhpx .
Best
ThemeNectar Support Team
Hi Tahir!
I almost made it work all but the copyright container, I wasn't able to shrink it and I disabled it. If it is no problem could you help me with that code please? I will enable again the copyright so you can see it
Thanks so much!
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#footer-outer[data-cols="1"] #copyright, #footer-outer #copyright[data-layout="centered"] { padding: 0 !important; }Thanks
ThemeNectar Support Team
thanks Tahir 🙏🏻 it worked out!