Need to make Virtue full-width template narrower and content margins wider

[Marianne]

Marianne

September 28, 2016 at 6:48 pm

I’ve read what I found on

@media (min-width:1200px) {
.container {
width: 1170px
}

but got lost in the details of others’ requirements.

Bottom line, I’d like to simply be able to narrow the site/content and (secondary) widen the content margins in Virtue, for this site or any Virtue site.

There are 9 instances of @media (min-width:1200px) with related code in the virtue.css. I edited various ways (am using a child theme).
Although I am well versed in CSS I am just not able to make the site width/content width narrower. I am working on a tiny site, want to use full-width pages (content width just under 1000px) that are responsive, that’s it. Have also been struggling with trying to widen the content margins (white space around the text), at least for the desktop display, but have not been able to do that either. The CSS code seems more complex than I’ve seen before. Can you help?