Change width of Nishita theme

• 

  ashplainandsimple · Member · Jul 16, 2015 at 4:42 pm

  • Copy link
  • Add topic to favorites

  I’d like to change the width of my theme from 1024 to 960 px. What changes do I need to do to make that happen for the main site, as well as when someone is viewing an individual blog post?

  Thank you!

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

• 

  thesacredpath · Member · Jul 16, 2015 at 7:25 pm

  • Copy link

  Hi there, add the following and see what you think. The reason you see a 10px difference between the two widths is that I’m following the way it is done in the original CSS. I’ve given you 960px of space in the content area.

  .layout-photoblog .container {
      width: 970px;
  }
  .layout-photoblog .page-no-sidebar, .layout-photoblog #sidebar-footer-wrapper {
      width: 960px;
  }

• 

  ashplainandsimple · Member · Jul 16, 2015 at 10:17 pm

  • Copy link

  Thanks, thesacredpath! I added that, but don’t think it made a difference. The text still seems to be 1024px wide.

• 

  thesacredpath · Member · Jul 17, 2015 at 12:21 am

  • Copy link

  Oops, sorry, I missed some selectors. Replace the second rule I gave with this.

  .layout-photoblog .archive-no-sidebar, .layout-photoblog .index-no-sidebar, .layout-photoblog.single .single-no-sidebar, .layout-photoblog.page .single-no-sidebar {
      width: 960px;
  }