Full width picture doesn’t work

  • philippf

    (@philippf)


    6 years, 10 months ago

    Hello everyone,
    unfortunately I have another problem. I found a great gallery on another website. I also tried to recreate them on my website. Unfortunately, this did not work. The address of the page from which I would like to copy it is [ redundant link removed ]. If I enter this code:

    
<div class="item" style="background-image:url(http://philippfalkenhagen.de/wp-content/uploads/2019/07/Reh-im-Mohnfeld.jpg); width: 100%; height: 90vh; background-position: center center; background-size: cover; z-index: 0;">
					<div class="container">
					<div class="format-standard">
												
					</div>	
				</div>	
			</div>

    It works about, but only on the start page, which helps me a little. Although the picture does not cover the entire page. Can someone help me?

    Kind regards

    • This topic was modified 6 years, 10 months ago by Jan Dembowski.
    • This topic was modified 6 years, 10 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    6 years, 10 months ago

    We would need a live link to the page your are having trouble with in order to help you with this.

    Thread Starter philippf

    (@philippf)

    6 years, 10 months ago

    Philippfalkenhagen.de Is the page, i Need help with. sorry

    Moderator bcworkz

    (@bcworkz)

    6 years, 10 months ago

    Looks OK to me (in Chrome). Image goes out to the very edges of the window. The max. width I can test to is only 1616px, which is a little wider than the source image, so the “cover” style rule is working correctly. Maybe your browser is using stale CSS data? Browsers tend to aggressively cache CSS. Try clearing your browser cache before loading your page.

    The reason it’s only on the front page is a different template is used on front pages than other pages. You’d need to copy the related front page template code into other templates in order to have the same feature on other pages. The problem with modifying templates in your case is your Certify theme is a child theme, which will override any changes when it is updated. We usually create our own child theme to protect our custom work, but only one child theme slot is available and it’s already taken up by Certify.

    You are left with needing to serve templates from a plugin, which is not what plugins are supposed to do. It’s possible, but what is required to do so is rather hacky.

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

The topic ‘Full width picture doesn’t work’ is closed to new replies.