Removing container on a full-width page

Hello. I would like to remove the container or the box on full-width pages that I am using on the Astrid theme. For example this page - http://kabbalisticvillage.com/free-music/ I would like the white box to extend to all page edges. Hope i am saying this right. Thank You.

Hello there,

Add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page-template-page_fullwidth .hentry,
    .page-template-page_fullwidth .site-content > .container {
      background-color: #6b6b6b; 
      border: none;
    }

    .page-template-page_fullwidth .hentry,
    .page-template-page_fullwidth .hentry h1, 
    .page-template-page_fullwidth .hentry h2, 
    .page-template-page_fullwidth .hentry h3, 
    .page-template-page_fullwidth .hentry h4, 
    .page-template-page_fullwidth .hentry h5, 
    .page-template-page_fullwidth .hentry h6 {
      color: #fff;
    } 

Regards,
Kharis

perfect thank you. I have another question about using the same font from the front widgetized pages on full width pages…should i start a new topic or can i ask how to do that here? Thank you very much.

thanks i figured out how to change font on full width pages to match. Thanks!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis