How to set each page to full width?


#1

Hi, There

How could i change my each page to full width like home page do?
here is my website:
www.seagotek.com

I used simple custom css and child theme, but it did’t work.

Thanks a lot.

Alan


#2

Hi,

Please post a link to your website, to a page which isn’t full-width, I tried visiting your pages from the menu and they are full-width or they don’t have content inside.

Best Regards,
Csaba


#3

Hi, Csaba

Thanks for your reply.
please check : http://seagotek.com/portfolios/

Thanks

Alan


#4

Hi,

Ok, You can make that page / all default page template pages full-width with this Custom CSS:

.page-template-default .content-area {
    width: 100% !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba


#5

Hi, Csaba

Thanks for your reply.
I tried, i put the code in additional css, it did get wider, but it was still not full width like home page.

Alan


#6

Hi,

Ok, then you can use this Custom CSS instead:

.page-template-default .site-content.container {
    padding: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

Please let me know how it works.

Best Regards,
Csaba