Removing bottom padding forces left and right whitespace
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
|
show 2 more comments
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
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 formargin-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
|
show 2 more comments
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
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
css wordpress removing-whitespace visual-composer
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 formargin-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
|
show 2 more comments
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 formargin-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
|
show 2 more comments
1 Answer
1
active
oldest
votes
You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.
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
add a comment |
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.
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
add a comment |
You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.
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
add a comment |
You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.
You should remove class .margin-lg-30b from element
container clearfix no-padd portfolio-single-content margin-lg-30b.
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
add a comment |
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
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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