Change width of website and pages

christophercwg · Member · Dec 22, 2014 at 8:32 pm
Copy link

Add topic to favorites
When viewing my website on a big screen the website does not get wider than the theme allows and I want the website to adjust to the size of the browser window.

Also on pages like my front page I want the photos to go wider, but no matter what width I set them the theme won’t allow it to widen.
Any help would be appreicated!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 22, 2014 at 10:49 pm
Copy link
Hi there, let’s give the following a go and see if this gets you where you want to be. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
.site, #masthead {
    max-width: 100%;
}
img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, #site-header img {
    width: 100%;
}
.site-content .entry-content, .site-content .entry-header {
    max-width: 80%;
}
```
christophercwg · Member · Dec 23, 2014 at 12:40 pm
Copy link
Thats worked pretty much exactly how I want with a few tweaks at my end! Thank you so much!
thesacredpath · Member · Dec 23, 2014 at 6:07 pm
Copy link
You are welcome.

No items found.