How to increase the width of main container of a specific page?

Hi I want to increase the width of page content of a specific page. I have edit the style.css and put the below code
.page-id-163 .page-content {
width: 820px;
}
but it didn’t help. Please suggest me perfect solution to do this.
Thanks.

1 Answers

DominicStaff
answered 10 years ago

Hi,
To resolve this issue, you can do as the following:
– Download the page-fullwidth.php file here: https://www.dropbox.com/s/mbdn77ueq18ktt6/page-fullwidth.php?dl=0
– Copy/ paste the page-fullwidth.php file into dw-minion folder (wp-content\themes\dw-minion).
– Log in to Dashboard > Page > Add new, then select the Fullwidth Template in the Page Attributes section on the right hand side.
– Then add the following code to the style.css file:

.page-template-page-fullwidth-php .primary-inner {
    margin-right: 50px;
}

Hope this helps !

Himanshu Rathore
replied 10 years ago

Hello dominic, Thanks for the answer but its not working. You can see here http://androidvibes.com/android-books/. My books search bar is not showing completely.Please suggest me some other solution.

Dominic Staff
replied 10 years ago

Please add the following code to the style.css file:
.page-template-page-fullwidth-php .primary-inner { margin-right: 0px;}
.page-template-templatespage-fullwidth-php .page-content > #advanced_iframe { width: 100% !important; }

Hope this helps !

Himanshu Rathore
replied 10 years ago

I have put that code in style.css but its not working.I am so frustrated with this small thing. Please help me.

Dominic Staff
replied 10 years ago

you can add the following code:
.page-template-templatespage-fullwidth-php .primary-inner { margin-right: 0px !important; }

Hope this helps !