A Welcome Picture

Viewing 9 posts - 1 through 9 (of 9 total)
  • #19328
    Geri
    Participant

    High,
    maybe I’m at the wrong place now, but maybe somebody still can help:
    I want to put a welcome picture on my site, fullscreen.
    And if this screen is the latest from my blog, it would make my wish complete…
    Maybe just one button for a “continue” ore something, for visiting the blog, etc..

    Any clue?

    Thank you…!
    Regards
    Geri (http://www.geri.at)

    #19336
    Daniel Tara
    Keymaster

    Try adding an image to the “Wide” sidebar and apply this style to it:

    #wrapper {
    	overflow: visible;
    }
    
    img.full-screen {
    	max-width: none;
    	width: 100vw;
    	margin-left: calc(100% - (100vw / 2 + 100% / 2));
    }

    It won’t work in outdated browsers.

    #19338
    Geri
    Participant

    I managed to put the image in, but the sty does not take effect.

    I put the code in the custom css…

    And now?

    #19339
    Daniel Tara
    Keymaster

    You have to give the image the “full-screen” class:

    <img class="full-screen" src="..." />

    I’ve done a mistake in the CSS above, I have updated it to reflect the correct code.

    #19340
    Geri
    Participant

    Yes, yes, yes…!

    With you help I’m coming closer and closer to my goal…!

    Hopefully my last 2 questions:
    .) how to put the menue and the header underneath the picture – and,
    .) how to remove the grey frame above and under the picture?

    Thanks in advance!
    Geri

    #19341
    Daniel Tara
    Keymaster

    If you want it in a different location, you’ll have to hard code it in header.php. If you want it above the navigation you’ll have to insert it above <nav id="access">.

    You may also want to add display: block; to .full-screen

    #19374
    Geri
    Participant

    So far, I did a good job with your help, I’m nearly there…
    (have a look: http://www.geri.at)

    How to change the header width to fullwidth?

    Thank you…!

    #19376
    Geri
    Participant

    No need for this anymore – I put in on top, works fine for me!
    Thank you Daniel for yor help – I like my new design…!

    Greetings from Vienna!
    Geri

    #19380
    Daniel Tara
    Keymaster

    In the location you currently have it there’s no longer the need for the custom CSS I provided above.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.