Title: Phogra theme problem Last modified: August 21, 2016 --- # Phogra theme problem * [fadialtahhan](https://wordpress.org/support/users/fadialtahhan/) * (@fadialtahhan) * [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/) * Hi, i need help with Phogra Version: 1.9 * here is the site that i’m working on [http://www.skyloungesd.com](http://www.skyloungesd.com) * the problem is that the sidebar on the left is pushing the background to the right, what i’m trying to do is, when i open the sidebar it will come over the background not pushing the website to the right, which means it will keep the background it it position but the sidebar will come over the background. * thanx Viewing 7 replies - 1 through 7 (of 7 total) * [Kye](https://wordpress.org/support/users/gmax21/) * (@gmax21) * [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/#post-5069719) * Hey there. * You could remove the margin on the left there with some CSS: * ``` body.display-sidebar #content { margin-left: 0; } ``` * But the slider button on the left will lost too, well kinda hidden. Do you need the slider left and right buttons? * If not you could hide them like this: * ``` .slider-prev, .slider-next{display:none} ``` * Or you could leave them there but nudge the left over a little when it slides out: * ``` body.display-sidebar .slider-prev {margin-left: 100px} ``` * Or nudge it over permanently: * ``` .slider-prev {margin-left: 100px} ``` * To make these changes you could add them to a child theme, if you’re not sure what that is then please check here: * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes) [http://premium.wpmudev.org/blog/create-wordpress-child-theme/](http://premium.wpmudev.org/blog/create-wordpress-child-theme/) * Or you could use one of the follow free plugins: * [http://wordpress.org/plugins/custom-css-manager-plugin/screenshots/](http://wordpress.org/plugins/custom-css-manager-plugin/screenshots/) * [http://wordpress.org/plugins/my-custom-css/screenshots/](http://wordpress.org/plugins/my-custom-css/screenshots/) * [http://wordpress.org/plugins/pc-custom-css/](http://wordpress.org/plugins/pc-custom-css/) * [http://wordpress.org/plugins/imporved-simpler-css/screenshots/](http://wordpress.org/plugins/imporved-simpler-css/screenshots/) * This way your changes are preserved if the theme gets updated 🙂 * I hope this will be of some help to you 🙂 * Thread Starter [fadialtahhan](https://wordpress.org/support/users/fadialtahhan/) * (@fadialtahhan) * [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/#post-5069750) * thanx man it worked * [digi84](https://wordpress.org/support/users/digi84/) * (@digi84) * [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/#post-5069960) * Hi fadialtahhan, how did you manage to do the menu semi-transparent? It looks exactly like I want it, but I cannot do it. * Thank you Dino * [Kye](https://wordpress.org/support/users/gmax21/) * (@gmax21) * [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/#post-5069961) * Hey there. * They have an image which has some opacity. You can also achieve the same using RGB for background colours. * Here is some handy info from Chris that should help you: * [http://css-tricks.com/rgba-browser-support/](http://css-tricks.com/rgba-browser-support/) * You can also use Opacity and Filter: * [http://www.w3schools.com/cssref/css3_pr_opacity.asp](http://www.w3schools.com/cssref/css3_pr_opacity.asp) [http://www.w3schools.com/css/css_image_transparency.asp](http://www.w3schools.com/css/css_image_transparency.asp) * They should help you out here. 🙂 * Take care. * Thread Starter [fadialtahhan](https://wordpress.org/support/users/fadialtahhan/) * (@fadialtahhan) * [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/#post-5069962) * Exactly * /* Sidebar */ #sidebar { background: url([http://www.skyloungesd.com/wp-content/uploads/2014/07/sidebar.png](http://www.skyloungesd.com/wp-content/uploads/2014/07/sidebar.png)) left top repeat; background: #; box-shadow: inset 0px 0px 0px 0px #000; float: left; text-transform: uppercase; position: fixed; left: -244px; bottom: 0px; top: 0px; width: 244px; z-index: 3; * [danielosetiawan](https://wordpress.org/support/users/danielosetiawan/) * (@danielosetiawan) * [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/#post-5069966) * Hi fadia, * where would I put that code in the editor? I can’t seem to find a good place to put it * [Kye](https://wordpress.org/support/users/gmax21/) * (@gmax21) * [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/#post-5069967) * Hey there. * I know the code editor in WordPress is really cool and it’s ok for CSS, but if you edit the themes main files they could be overwritten when you update. Take a look at my original post where I linked to resource about child themes and then also plugins for adding CSS. * Take care. Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘Phogra theme problem’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/phogra/1.9/screenshot.png) * Phogra * [Support Threads](https://wordpress.org/support/theme/phogra/) * [Active Topics](https://wordpress.org/support/theme/phogra/active/) * [Unresolved Topics](https://wordpress.org/support/theme/phogra/unresolved/) * [Reviews](https://wordpress.org/support/theme/phogra/reviews/) * 7 replies * 4 participants * Last reply from: [Kye](https://wordpress.org/support/users/gmax21/) * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/phogra-theme-problem-1/#post-5069967) * Status: not resolved