Adjusting the Container Width

I Need Help
1

The default container width is 1170px when I create a new document. When I change the width to 1300px or 1500px it adjusts perfectly in the app. When I export the project, the width doesn’t show the change. I took a screenshot and measured in Photoshop and the width is at 1125px. Maybe there is some padding involved, but I’m guessing it’s stuck at 1170px. Can anyone can help me?

2

There are several options for doing this. One: you can pick a pre-defined bloc that has a smaller row for the content. Two: you can control the margins and padding of the row using a class.

Here’s a video that show how you can make a special class and control all aspects of the element within the default container.

casey

3

Not sure how your changing the width.
Bootstrap 3 container width is dependent on screen size and set with media queries:

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
  .container {
    width: 1170px;
  }
}

You could override the CSS to change the container width. I’m not at my Mac right now, but there’s also a container-fluid class within bootstrap but don’t remember if that available in a bloc.