How to make margin width on posts wider? Where to put CSS code?

  • coltybah

    (@coltybah)


    9 years ago

    Hi it’s me again, coltybah.

    I need more space on my posts for text and also to make my images line up horizontally instead of vertically in at least rows of three sorta like the main page.

    Example of vertical images: v( ‘.’ )v

    Is there a possibly easy way to expand the margin width with CSS code and where could I find such code and where do I put it? In “Edit with CSS?”

    Thank you for reading!!

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi, widening single post pages in Cubic is pretty easy. #content_box was originally set at 67% width and floated left. Add the following CSS and you can adjust the width as desired. One thing to keep in mind is that if text gets too wide, it gets harder for people to read. Although it is a bit more complex than this, generally 500-750px is the best width for text.

    #single_post #content_box {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

    If you aren’t already, I would suggest using the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Jetpack plugin
    Custom CSS plugins

Viewing 1 replies (of 1 total)
  • The topic ‘How to make margin width on posts wider? Where to put CSS code?’ is closed to new replies.

Tags