Where in the stylesheet can I make my blog full width?

  • After I migrated my site from the localhost on my computer, I lost all of my formatting, which I expected, however there’s one thing I can’t seem to find to change back. When my site was hosted locally, I was able to edit the stylesheet to make my blog pages full width, now, however, I can’t find where in the stylesheet I need to edit this again. Can anyone help me?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • hi,

    im not sure if i understand u correctly.. but i give it a try:
    If you want to change the blog width to 100%, for example on this page:

    https://focus-om.com/2017/11/09/visioning-prosperity/

    You need to change the max-width, size for your .container class.
    As far as i see, you have different Media Queries (for Desktop View, Mobile View etc..)

    So, if you only want to change the look fullwidth on your desktop view, edit in the following media query:

    @media screen and (min-width: 960px){
/* ... */ 

.container {
    //max-width: 960px; /* old value */
    max-width:100%;
}

/* ... */ 
}

    But beware, you change the width size on all pages. If you only want to affect the single blog post sites, you could expand and overwrite your code.
    For example like this:

    @media screen and (min-width: 960px){
/* ... */ 

.single-post .container {
    //max-width: 960px; /* old value */
    max-width:100%;
}

/* ... */ 
}

    Hope that could help a bit.

    • This reply was modified 7 years, 3 months ago by jruescher.
Viewing 1 replies (of 1 total)
  • The topic ‘Where in the stylesheet can I make my blog full width?’ is closed to new replies.