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 9 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 9 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 9 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 9 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 9 years ago

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

Hope this helps !