Help with CSS – Make posts wider

  • Unknown's avatar
    erikaviktor · Member ·

    Hello, all!

    I am fiddling with the Nexus theme (and have purchased the customization upgrade) and I want to know how to make the individual blog posts wider. Currently, if you click on a blog post it leaves a ton of white space on the right side of the screen. I want it to fill the white area of the screen. Anyone know how to do this via CSS code?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    Try copying this into the text area (you can delete the default content) on the Appearance > Customize > CSS page from your dashboard. You might also want to use 800px as the value in the screen width box too.

    #main-content {
  width:800px;
}
  • Unknown's avatar
    designsimply · Member ·

    When you change the width of content containers with CSS, you should also adjust the media width setting in the Appearance > Customize > CSS panel—the “Media Width” setting is located just below the CSS editor in that panel. It looks like the default is 620 for the Nexus theme, and you will want to update that to 800 if you us the CSS example provided by hallluke above.

  • The topic ‘Help with CSS – Make posts wider’ is closed to new replies.