Phogra theme problem

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://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/my-custom-css/screenshots/

http://wordpress.org/plugins/pc-custom-css/

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 🙂

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

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.