Homepage article not full width

Hi there!

Please try the following custom CSS in your WordPress settings under Appearance > Customize > Additional CSS:

.page-template-template-homepage .entry-content, 
.page-template-template-homepage .entry-header {
    max-width: 100%;
}

Hi

I’ve added the code you mentioned and it moved a bit but it still isn’t inline. Inspecting the element there is a margin being used on col-full, which is within col-full so cannot remove it. see screenshot

https://www.wrideprints.co.uk/screenshot.png

I’ve left the code you recommended in the additional CSS area.

Thanks

Hey there,

Good to hear from you again ??

You could try the following additional bit of code:

.page-template-template-homepage #main div[class*="post-"] .col-full, 
.page-template-template-homepage #main div[class*="post-"] .col-full {
    background: red;
    padding: 0 !important;
}

.page-template-template-homepage .entry-content, 
.page-template-template-homepage .entry-header {
    max-width: 100%;
}

That should target just the .col-full class of the main content section on the homepage. The red background is something that you can remove and is only for illustrative purposes ??

Hope it helps.

Hi
Thanks for the code but when i enter it in the additional CSS bit is brings up the following message

“There is 1 error which must be fixed before you can save.
Update anyway, even though it might break your site?”

I tried anyway but it didn’t make any difference.

Thanks

Hey @awr10e, I wouldn’t do that update before you know it’s right. Could you paste all of the custom CSS you have here? The above indicates that there’s a syntax error, but it’s difficult to troubleshoot without the actual file.

I’ve tested the CSS that RK shared and there are no issues with that.

Hi

The only custom code i have is
`.page-template-template-homepage .entry-content,
.page-template-template-homepage .entry-header {
max-width: 100%;
}
/*** Footer */
.site-footer {
padding: 0.618em 0; }
.site-info {
padding: 0 0; }

/*** Footer widgets */
.footer-widgets {
padding-top: 0.631em; }

Thanks

Hey,

I’ve just tried all of this code and I don’t get that error in the customizer:

Link to image: https://cld.wthms.co/dIyUc4

Hi

I tried again after clearing my cache, and the code was accepted. Also it was the margin set on the col-full rather than padding that was causing the gap so changed that, so now reads

.page-template-template-homepage .entry-content, 
.page-template-template-homepage .entry-header {
    max-width: 100%;
}

.page-template-template-homepage #main div[class*="post-"] .col-full, 
.page-template-template-homepage #main div[class*="post-"] .col-full {
    margin: 0 !important;
}

thanks fo the help

Hey @awr10e – great to hear that. I’ll mark this as resolved now. You can always open a new thread with another topic if you have one. ??