Support » Theme: Twenty Seventeen » How to get rid of white margins?
How to get rid of white margins?
-
Hi,
I don’t use the sidebar and widgets, so I just disabled it. However, the page reserves space for these unused elements and does not use the full width for my content. Just to clarify this issue, I have marked the unwanted margins in red on the attached screendump:
ExampleAny idea how to fix this issue?
Best Regards
The page I need help with: [log in to see the link]
-
Hello tofesd,
Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer
@media screen and (min-width: 30em) .page-one-column .panel-content .wrap { max-width: none !important; }
Hope this will helps you.
Thanks.
Thanks for the quick reply.
As I’m not using a child theme, I copied your code to the css option and got a syntax error: “Expected LBRACE at line 2, col. 1”.
I ignored, but the appearance of the page did not change.
try the following:
1) Place your cursor at the very first character of the CSS you are pasting.
2) Press Backspace on your keyboard once to delete any possible invisible characterHope this will helps you.
Thanks.
Yes, I tried this before posting No. 3
There are no invisible characters. When removing the <CR>, the position of the error moves to “line 1, col. 36”, i.e. it remains at the period of “.page-one-”Thank you for your continious support
Try the below code:-
@media screen and (min-width: 30em){ .page-one-column .panel-content .wrap { max-width: none !important; } }
- This reply was modified 5 years, 3 months ago by AddWeb Solution.
No errors, no warnings, no Change in visual appearance 🙁
Try the below code
.page-one-column .panel-content .wrap { max-width: none; }
unfortunately no effect
Try this.
.wrap {
/* margin-left: auto; */
/* margin-right: auto; */
max-width: 100%;
/* padding-left: 2em; */
/* padding-right: 2em; */
}
@media screen and (min-width: 61.5625em) {
.page-two-column .panel-content .entry-content {
.wrap {
max-width: 100%;
/* padding-left: 3em; */
/* padding-right: 3em; */
}
}
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
/*margin-left: auto;*/
/*margin-right: auto;*/
max-width: 100%;
}@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap
{
max-width: 100%;
}
}- This reply was modified 5 years, 2 months ago by lillan.
- The topic ‘How to get rid of white margins?’ is closed to new replies.