Title: Using CSS in PHP or PHP in CSS Last modified: August 20, 2016 --- # Using CSS in PHP or PHP in CSS * [HassanR](https://wordpress.org/support/users/hassanr/) * (@hassanr) * [13 years, 7 months ago](https://wordpress.org/support/topic/using-css-in-php-or-php-in-css/) * Hi, This is my [website](http://www.superduperproducts.com). I am using the theme Confidence ([stylesheet.css](http://www.superduperproducts.com/wp-content/themes/confidence/style.css)) with the latest version of WordPress. * If you visit a post page, for example this [one](http://www.superduperproducts.com/2012/10-web-design-tips-for-your-blog/), you can see the white container on which the post content is being shown and the sidebars on that page. I wanted to remove the sidebar on the [Contact Us page](http://www.superduperproducts.com/contact-us/) and make it full-width. I did it by adding the following .php file to my theme’s folder (custom page template): * ``` ``` * The .php file worked perfectly. Now you can see that the sidebar has been removed from the Contact Us page, however, I want the white background container on the Contact Us page to be showed as it was on the post page. * I know I have to use CSS to do this, please tell me which code does my theme use on the page.php template file to show the white container and how can I use CSS with PHP to show the white container on the Contact Us page. * As I am a newbie in CSS, PHP, and HTML, please tell me all the steps in detail on how to do this. * Thanks in advance, Hassan Rashid. Viewing 6 replies - 1 through 6 (of 6 total) * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 7 months ago](https://wordpress.org/support/topic/using-css-in-php-or-php-in-css/#post-3160456) * Use a browser inspect tool, like Google Chrome’s built-in [Inspector](https://developers.google.com/chrome-developer-tools/docs/overview), to find classes quickly within your HTML. Alternatively you can just right click on the webpage and select, ‘View source’. * You should be looking for the classes within the `` element, to see whether there are any unique to that page, then use that to target only that page in CSS. * [Rev. Voodoo](https://wordpress.org/support/users/rvoodoo/) * (@rvoodoo) * [13 years, 7 months ago](https://wordpress.org/support/topic/using-css-in-php-or-php-in-css/#post-3160458) * you would need to add in the selectors from your main templates which reference the css * ```
// code
``` * and * ```
//code
``` * Those selectors respectively would lead to stuff in your stylesheet that would look like: * ``` #something { css: rules; } ``` * and * ``` .something_else { more: css; } ``` * Thread Starter [HassanR](https://wordpress.org/support/users/hassanr/) * (@hassanr) * [13 years, 7 months ago](https://wordpress.org/support/topic/using-css-in-php-or-php-in-css/#post-3160460) * Andrew that was quick! Thanks. But as I said that I’m a newbie in css and php, please tell me all the steps in detail. Thanks. But I’ll try your advice. Maybe then we can proceed. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [13 years, 7 months ago](https://wordpress.org/support/topic/using-css-in-php-or-php-in-css/#post-3160464) * Copy and paste here the ``, of your contact page. * [cenay](https://wordpress.org/support/users/cenay/) * (@cenay) * [13 years, 7 months ago](https://wordpress.org/support/topic/using-css-in-php-or-php-in-css/#post-3160484) * Actually, I looked at the source for the contact page, your full width template is missing a container for you to style. The base container, (`
`) can’t be styled because then your background on all other pages would be white on white. * So, you need to alter the template file for the full page template, to insert a new div with a class you CAN edit to set the background color. * So, under the `
` and before “the content” you should add at least one more element. Something like `
` and provide styling rules to set the background. * In the style.css file, add a new rule like the one shown below: `.full-width{ background:none repeat scroll 0 0 #FFFFFF;}` * Hope this helps. * Thread Starter [HassanR](https://wordpress.org/support/users/hassanr/) * (@hassanr) * [13 years, 7 months ago](https://wordpress.org/support/topic/using-css-in-php-or-php-in-css/#post-3160617) * Cenay thanks for your help. * First of all: I now noticed that it’s **not simply just a white background**, but perhaps a background with curved edges, margins and a shadow. Please give me the CSS code with these styles included. * Now, if I add the * `.full-width {background:none repeat scroll 0 0 #FFFFFF;}` * OR the new CSS code that you give me * in the style.css file, how do I add the CSS div in the full width php file? ** There’s no
code in the full width php file** after which I would add another element. * However, I did find the
element in the Chrome inspector.** But how do I save the CSS changes in my website?** * I’m really confused. I don’t know where to and how to start. PLEASE give me the solution to my problem **in steps like 1..2..3..** as I would really really really appreciate it. I know I sound like a total dumb stupid person, but it would really help me. * **If you need any more information, please ask.** * Thanks, Hassan Rashid Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Using CSS in PHP or PHP in CSS’ is closed to new replies. ## Tags * [background](https://wordpress.org/support/topic-tag/background/) * [container](https://wordpress.org/support/topic-tag/container/) * [css](https://wordpress.org/support/topic-tag/css/) * [full](https://wordpress.org/support/topic-tag/full/) * [full-width](https://wordpress.org/support/topic-tag/full-width/) * [hide](https://wordpress.org/support/topic-tag/hide/) * [html](https://wordpress.org/support/topic-tag/html/) * [page](https://wordpress.org/support/topic-tag/page/) * [php](https://wordpress.org/support/topic-tag/php/) * [remove](https://wordpress.org/support/topic-tag/remove/) * [show](https://wordpress.org/support/topic-tag/show/) * [sidebar](https://wordpress.org/support/topic-tag/sidebar/) * [template](https://wordpress.org/support/topic-tag/template/) * [width](https://wordpress.org/support/topic-tag/width/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 6 replies * 4 participants * Last reply from: [HassanR](https://wordpress.org/support/users/hassanr/) * Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/using-css-in-php-or-php-in-css/#post-3160617) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics