Having trouble sizing page width – Twenty Seventeen

  • lloydcw

    (@lloydcw)


    3 years, 2 months ago

    I have set up the Twenty Seventeen theme for a plain, no-frills, one column site that will only have text. The pages must be no wider than about 800 pixels. I have tried various css coding with no luck. Nothing works. I realize css is theme-specific, so I guess I just haven’t found the right css. Can anyone help?

Viewing 3 replies - 1 through 3 (of 3 total)
  • corrinarusso

    (@corrinarusso)

    3 years, 2 months ago

    I’m not sure what your requirements are, but you should really be using percentages in order to accommodate different devices (desktop, laptop, mobile, tablet).

    There this plugin :
    https://wordpress.org/plugins/options-for-twenty-seventeen/

    Or you could use Customzer –> Additional CSS – just adjust the values to what you want :

    .wrap {	max-width: 100%; }
 
@media screen and (min-width: 48em) {
	.wrap { max-width: 100%; }
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 100%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 100%;
	}
}
    Thread Starter lloydcw

    (@lloydcw)

    3 years, 2 months ago

    Thx. I had tried the plugin. It blew my mind that regardless what options I chose to change, absolutely nothing happened. I also had already tried what you posted above, changed to 75%, and nothing changed. Nearly at my wits end. Can’t figure what’s going on.

    corrinarusso

    (@corrinarusso)

    3 years, 2 months ago

    Can you share the URL?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Having trouble sizing page width – Twenty Seventeen’ is closed to new replies.