How to style a page differently from a post ?

  • Alex75017


    Dear all,

    Does anyone know how I can style differently my pages on Graphene ?
    I chose to remove the sidebars on pages but I ended up with the content spreading the full width of the page which does not really look good or make it readable (the lines are too long).

    So I just would like to add some space/margins on each side of the paragraphs to center the text somehow and reduce its width , preferably with no plug-ins but rather by editing the CSS file I suppose ?

    Anyone to guide me please ? ๐Ÿ™‚

    Thank you so much in advance for any clue or help you can provide me.
    I’ll be very grateful !



    Syahir Hakim


    Try copy and paste this code into Customizer > Additional CSS:

    .page.singular #content-main {
    	margin: 0 100px;

    You can adjust the margin numbers as required.



    Thank you very much Syahir, I tried your code but it only widened the left margin and the background of the blog encroached on the content area.
    I tried to edit it to get the 2 margins wider (margin: 100 100px;) but it was not the right thing to do as I ended up back wih no margins…

    Finally in the meantime a friend gave me this code which worked just fine ๐Ÿ™‚ :

    .page #content {padding-left: 100px ;padding-right: 100px}

    Let me know if this code seems OK to you regarding the CSS and html rules/requirements or how I could have edited yours to get the two margins left and right widened.

    Thank you very much again for your time !


    Syahir Hakim


    The code you’re using now works fine too.




    I have a similar problem.
    I use both sidebar and full width pages.
    I want to adjust the width of a full width page.
    How do I fix it without affecting sidebar pages?
    I’ve tried different css stylings with no luck.

    Regards Tony

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum