Page width across all site pages

[anthonylandolfo]

Hi there
I added a bunch of pages to my site today and I just want to put one piece of css in to make all the pages like 90%. I have this css to make my home page the way i want it:
.page-template-default .entry-content.content .max.width{
width: 90%;
max-width: 1200px;
}

But it’s not applying to this page for example: http://www.wholetechnology.net/business-continuity-and-disaster-recovery/

My blog posts have another piece of code that’s telling them to be at another width, I think it’s this one:
.single-post .x-container.max {
max-width: 1200px;
}

Any guidance would be appreciated. Also, if you look at my site, all my icons are broken. This occurred after updating the theme today.

Thanks!

[ruenel]

Hello @anthonylandolfo,

Thanks for writing in!

This page, http://www.wholetechnology.net/business-continuity-and-disaster-recovery/, is using the default page template. The css code did not work because of the extra container for your content. Yo make it work, have the code updated and use this instead:

.page-template-default .entry-content.content{
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

By the way, your icons are not showing because of CORS issue. To resolve it, please check out this documentation:

• https://theme.co/docs/font-awesome-icon-issues

Hope this helps.