Full Width Template Not Working


#1

The Full Width Template does not give us a full page, I want to use this template for pages such as Terms & Conditions etc, without having side bar space but even after selecting this template I still get side bar space. Any reason why?


#2

Hello Judy,

First, please find the class with proper page ID. You can do it by viewing the source code of a page in browser an find this line:

<body class="home page page-id-1 page-template…

page-id-1 is a class with your page ID.

Then, please use the following CSS code to achieve full width on certain page (just replace .page-id-1 with your own class):

.page-id-1 .content-area {
    width: auto !important;
}

You can repeat it for multiple pages.

You can add this code to style.css file of your child theme, also you can use Simple Custom CSS or similar plugin for adding CSS code.

Please feel free to ask any additional questions that you might have.

Kind Regards, Roman.


#3

Brilliant, working. Thank you.


#4

You are welcome Judy!

I am glad that it is working :slight_smile:

Kind Regards, Roman.