Removing bottom padding forces left and right whitespace












-2















http://www.davenport.gallery/dev/portfolio-item/passion/



The two rows are to occupy 50vh - leaving not space at the bottom or left/right.



It needs to be full-width and full-height.



However when I remove:



margin-lg-30b: padding-bottom:30px;


This creates unwanted white space left and right (about 5px). I need it to be full width with no bottom padding and no scroll bar.



I tried adding:



html, body{ overflow:hidden!important;}


and this creates the same whitespace issue.



How can I remove the 30px padding at the bottom but still maintain the 100% width?



Thank you!










share|improve this question


















  • 1





    a bottom padding creating left and right space?

    – Temani Afif
    Nov 20 '18 at 10:22











  • Removing the bottom padding creates the left and right whitespace.

    – danelig
    Nov 20 '18 at 10:27











  • remove the margin for margin-lg-30b and close the inspector it will be rendered in full-width

    – Viira
    Nov 20 '18 at 10:38











  • This does not work. The whitespace is still there right and left. My inspector is undocked so not affecting browser

    – danelig
    Nov 20 '18 at 10:51











  • Have you set your parent body margin to 0? If not then it will automatically add some margin.

    – Bidhan Majhi
    Nov 20 '18 at 11:31
















-2















http://www.davenport.gallery/dev/portfolio-item/passion/



The two rows are to occupy 50vh - leaving not space at the bottom or left/right.



It needs to be full-width and full-height.



However when I remove:



margin-lg-30b: padding-bottom:30px;


This creates unwanted white space left and right (about 5px). I need it to be full width with no bottom padding and no scroll bar.



I tried adding:



html, body{ overflow:hidden!important;}


and this creates the same whitespace issue.



How can I remove the 30px padding at the bottom but still maintain the 100% width?



Thank you!










share|improve this question


















  • 1





    a bottom padding creating left and right space?

    – Temani Afif
    Nov 20 '18 at 10:22











  • Removing the bottom padding creates the left and right whitespace.

    – danelig
    Nov 20 '18 at 10:27











  • remove the margin for margin-lg-30b and close the inspector it will be rendered in full-width

    – Viira
    Nov 20 '18 at 10:38











  • This does not work. The whitespace is still there right and left. My inspector is undocked so not affecting browser

    – danelig
    Nov 20 '18 at 10:51











  • Have you set your parent body margin to 0? If not then it will automatically add some margin.

    – Bidhan Majhi
    Nov 20 '18 at 11:31














-2












-2








-2








http://www.davenport.gallery/dev/portfolio-item/passion/



The two rows are to occupy 50vh - leaving not space at the bottom or left/right.



It needs to be full-width and full-height.



However when I remove:



margin-lg-30b: padding-bottom:30px;


This creates unwanted white space left and right (about 5px). I need it to be full width with no bottom padding and no scroll bar.



I tried adding:



html, body{ overflow:hidden!important;}


and this creates the same whitespace issue.



How can I remove the 30px padding at the bottom but still maintain the 100% width?



Thank you!










share|improve this question














http://www.davenport.gallery/dev/portfolio-item/passion/



The two rows are to occupy 50vh - leaving not space at the bottom or left/right.



It needs to be full-width and full-height.



However when I remove:



margin-lg-30b: padding-bottom:30px;


This creates unwanted white space left and right (about 5px). I need it to be full width with no bottom padding and no scroll bar.



I tried adding:



html, body{ overflow:hidden!important;}


and this creates the same whitespace issue.



How can I remove the 30px padding at the bottom but still maintain the 100% width?



Thank you!







css wordpress removing-whitespace visual-composer






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 20 '18 at 10:18









daneligdanelig

981110




981110








  • 1





    a bottom padding creating left and right space?

    – Temani Afif
    Nov 20 '18 at 10:22











  • Removing the bottom padding creates the left and right whitespace.

    – danelig
    Nov 20 '18 at 10:27











  • remove the margin for margin-lg-30b and close the inspector it will be rendered in full-width

    – Viira
    Nov 20 '18 at 10:38











  • This does not work. The whitespace is still there right and left. My inspector is undocked so not affecting browser

    – danelig
    Nov 20 '18 at 10:51











  • Have you set your parent body margin to 0? If not then it will automatically add some margin.

    – Bidhan Majhi
    Nov 20 '18 at 11:31














  • 1





    a bottom padding creating left and right space?

    – Temani Afif
    Nov 20 '18 at 10:22











  • Removing the bottom padding creates the left and right whitespace.

    – danelig
    Nov 20 '18 at 10:27











  • remove the margin for margin-lg-30b and close the inspector it will be rendered in full-width

    – Viira
    Nov 20 '18 at 10:38











  • This does not work. The whitespace is still there right and left. My inspector is undocked so not affecting browser

    – danelig
    Nov 20 '18 at 10:51











  • Have you set your parent body margin to 0? If not then it will automatically add some margin.

    – Bidhan Majhi
    Nov 20 '18 at 11:31








1




1





a bottom padding creating left and right space?

– Temani Afif
Nov 20 '18 at 10:22





a bottom padding creating left and right space?

– Temani Afif
Nov 20 '18 at 10:22













Removing the bottom padding creates the left and right whitespace.

– danelig
Nov 20 '18 at 10:27





Removing the bottom padding creates the left and right whitespace.

– danelig
Nov 20 '18 at 10:27













remove the margin for margin-lg-30b and close the inspector it will be rendered in full-width

– Viira
Nov 20 '18 at 10:38





remove the margin for margin-lg-30b and close the inspector it will be rendered in full-width

– Viira
Nov 20 '18 at 10:38













This does not work. The whitespace is still there right and left. My inspector is undocked so not affecting browser

– danelig
Nov 20 '18 at 10:51





This does not work. The whitespace is still there right and left. My inspector is undocked so not affecting browser

– danelig
Nov 20 '18 at 10:51













Have you set your parent body margin to 0? If not then it will automatically add some margin.

– Bidhan Majhi
Nov 20 '18 at 11:31





Have you set your parent body margin to 0? If not then it will automatically add some margin.

– Bidhan Majhi
Nov 20 '18 at 11:31












1 Answer
1






active

oldest

votes


















0














You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.






share|improve this answer


























  • This does not work. The whitespace is still there right and left

    – danelig
    Nov 20 '18 at 10:51











  • I think you test it in developer tools edit section element and its first child div

    – New Developer
    Nov 20 '18 at 11:09











  • if you test it with developer tools the scroll bar width will be calculated in your script, so try it in your code

    – New Developer
    Nov 20 '18 at 11:10











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390794%2fremoving-bottom-padding-forces-left-and-right-whitespace%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









0














You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.






share|improve this answer


























  • This does not work. The whitespace is still there right and left

    – danelig
    Nov 20 '18 at 10:51











  • I think you test it in developer tools edit section element and its first child div

    – New Developer
    Nov 20 '18 at 11:09











  • if you test it with developer tools the scroll bar width will be calculated in your script, so try it in your code

    – New Developer
    Nov 20 '18 at 11:10
















0














You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.






share|improve this answer


























  • This does not work. The whitespace is still there right and left

    – danelig
    Nov 20 '18 at 10:51











  • I think you test it in developer tools edit section element and its first child div

    – New Developer
    Nov 20 '18 at 11:09











  • if you test it with developer tools the scroll bar width will be calculated in your script, so try it in your code

    – New Developer
    Nov 20 '18 at 11:10














0












0








0







You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.






share|improve this answer















You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.







share|improve this answer














share|improve this answer



share|improve this answer








edited Nov 20 '18 at 14:49









Juan José Melero Gómez

2,24811327




2,24811327










answered Nov 20 '18 at 10:39









New DeveloperNew Developer

762




762













  • This does not work. The whitespace is still there right and left

    – danelig
    Nov 20 '18 at 10:51











  • I think you test it in developer tools edit section element and its first child div

    – New Developer
    Nov 20 '18 at 11:09











  • if you test it with developer tools the scroll bar width will be calculated in your script, so try it in your code

    – New Developer
    Nov 20 '18 at 11:10



















  • This does not work. The whitespace is still there right and left

    – danelig
    Nov 20 '18 at 10:51











  • I think you test it in developer tools edit section element and its first child div

    – New Developer
    Nov 20 '18 at 11:09











  • if you test it with developer tools the scroll bar width will be calculated in your script, so try it in your code

    – New Developer
    Nov 20 '18 at 11:10

















This does not work. The whitespace is still there right and left

– danelig
Nov 20 '18 at 10:51





This does not work. The whitespace is still there right and left

– danelig
Nov 20 '18 at 10:51













I think you test it in developer tools edit section element and its first child div

– New Developer
Nov 20 '18 at 11:09





I think you test it in developer tools edit section element and its first child div

– New Developer
Nov 20 '18 at 11:09













if you test it with developer tools the scroll bar width will be calculated in your script, so try it in your code

– New Developer
Nov 20 '18 at 11:10





if you test it with developer tools the scroll bar width will be calculated in your script, so try it in your code

– New Developer
Nov 20 '18 at 11:10




















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390794%2fremoving-bottom-padding-forces-left-and-right-whitespace%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

How to change which sound is reproduced for terminal bell?

Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents

Can I use Tabulator js library in my java Spring + Thymeleaf project?