The issue I am having is getting full width pages across the entire site. Right now there is a sidebar of just white and I would like it to have a background and/or text/images. I use the create theme along with the site origin page builder. I have tried going into page attributes and changing it to be full width, however that did not accomplish what I was hoping it would accomplish.
Since that didn’t work out, I have been crawling forums searching for an answer that describes my issue and solves it, but it seems that there is no answer to help me specifically.
The header and footer on my pages are full width however we would like the body to be full width as well.
]]>I would pages like this to be in full width. I searched for the answer but could only find CSS Snippets for Posts and not for Pages.
Anyone want to help?
Thanks in advance.
Annemarie
]]>This was the code I put into the ‘Additional CSS’ :
/* make full width */
.wrap {
/* margin-left: auto; */
/* margin-right: auto; */
max-width: 100%;
/* padding-left: 2em; */
/* padding-right: 2em; */
}
@media screen and (min-width: 48em) {
.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: 90%;
}
}
On my laptop screen, which is just under 1600 pixels, there are left side margin of about 40px on the left side and even less on the right side. I would like margins of at least 10% on both sides, possibly as high as 15%. I looked at the page source for the page and tried ever id and almost every class to put in space on either side with no success. I don’t really care whether it’s margins or padding, but the line of text is just too long to be comfortable reading. And visually, it needs some white space.
Having no success with the code from the page source, I looked at the temmplates themselves: loop.php and the full-width.php. Since I am not versed in PHP, that was mind-boggling.
Where do I go to style this? And I see that it’s going to be a problem on posts as well.
I hope you can help me out.
Thanks,
Barbara
Could you please let me know where to change this? I′ve created a child theme for this purpose.
Thank you in advance.
Esther
Thank you
Kind regards
]]>I’m using a child theme of Sela.
I have a problem with my header size. On most pages it appears correctly (front page OK, grid page OK) but on full-width pages the area dedicated to the header is reduced, so that it does not fully appear (see for example https://www.hortense-capucine.com/poupees/emma)
Do you have an idea on how I can manage that problem?
PS: I have read that some people encountered problems with the size of pictures since WP 4.4 update. I just would like to report that I have had the same issue. Before WP 4.4 update, when selecting “original size”, pictures would automatically adjust to the page. Bug since the update, I have to manually resize all pictures in order to have them adjusted. Do you know if there is a simplier way to do so?
Thanks a lot for your help.
]]>Is there a theme that can have full height pages split into two, something like https://www.yabupushelberg.com/
I have tried with enfold theme but it is not possible even with grid layout, if the page has little content it doesn’t fill the screen. and the colour section option cannot be split into two columns.
]]>