Header Size

  • Resolved netniks

    (@netniks)


    7 years, 2 months ago

    Hi,
    Beautiful theme. I marvel at its appearance and ease of customization the more I use it.

    I would like to change the size of my header image from the default 1000 x 250 pixels to something more like 1880 x 470. If it were to scale with the width of the screen, the ratio of my new header image would be the same as that of 1000 x 250 pixels.

    I previously accomplished a version of this by using the following CSS in WP Bootstrap Starter v1.2.9

    div#page-sub-header {
	position: relative;
	padding: 20px 0;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	background: url(https://172.20.3.101/wireless/wp-content/uploads/2017/06/wirelessproducts-service-302-sampled.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-bottom: 20px;
	font-size: 20px;
}

    Thanks and regards,
    Todd

    • This topic was modified 7 years, 2 months ago by netniks. Reason: to remove my URL, "behind a firewall"
Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Afterimage Designs

    (@afterimagedesigns)

    Hi Todd,

    Using the latest version of the theme, there is no need to add a css code when changing your header image, you just need to click the “Skip Cropping” button so that it will not crop – https://www.screencast.com/t/Eb10hAUlBn. Thanks

    Thread Starter netniks

    (@netniks)

    Thanks for the response!

    https://pasteboard.co/GK21ib2.jpg

    I saved an image sized to 1000 x 250 pixels, and the “Skip Cropping” button is present in WP Bootstrap Starter 2.5.2. Selecting an image that is 1001 x 178 pixels does not present with the “Skip Cropping” button.

    More specific to my site, however, I would like the image to expand to the full width of my browser window and not repeat itself, and allow for a wider image such as 1880 pixels wide.

    Thanks and regards,
    Todd

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Size’ is closed to new replies.

Tags