Support » Theme: Twenty Seventeen » pages width

  • Resolved samuelbeltrame

    (@samuelbeltrame)


    Hi, thanks for your support.
    A simple (I hope) question: how can I modify pages width, so it belongs to featured images size?
    In the custom downloadable theme, pages width is approximately 50%…

    Thanks a lot to everybody! Samuel

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t think you can automate the size of the width based on the featured image. Can you link to your site so that we can find out how big your featured image is?

    Thread Starter samuelbeltrame

    (@samuelbeltrame)

    Unfortunately I’m working in my local machine, in a virtual apache server.
    Featured image is 100% large, and fills the screen. All new pages don’t have any kind of border, but it seems they fill only screen’s 50%.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the “Additional CSS” section of the dashboard add this:

    
    .wrap {
        max-width: 100%;
    }
    

    https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Thread Starter samuelbeltrame

    (@samuelbeltrame)

    Thanks.
    I just added the code I Found at this page, and all worked!
    https://www.vanilla-wp.org/twenty-seventeen-theme-full-width-wordpress/

    
    .wrap {
    	/* margin-left: auto; */
    	/* margin-right: auto; */
    	max-width: 100%;
    	/* padding-left: 2em; */
    	/* padding-right: 2em; */
    }
     
    @media screen and (min-width: 48em) {
    	.wrap {
    		max-width: 100%;
    		/* padding-left: 3em; */
    		/* padding-right: 3em; */
    	}
    }
     
    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
    	/*margin-left: auto;*/
    	/*margin-right: auto;*/
    	max-width: 100%;
    }
    
    @media screen and (min-width: 30em) {
    	.page-one-column .panel-content .wrap
    	{
    		max-width: 100%;
    	}
    }
    

    Thanks again!

    • This reply was modified 6 years, 2 months ago by Andrew Nevins. Reason: Added tutorial CSS
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘pages width’ is closed to new replies.