-
GeriParticipant
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)Daniel TaraKeymasterTry 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.
GeriParticipantI managed to put the image in, but the sty does not take effect.
I put the code in the custom css…
And now?
Daniel TaraKeymasterYou 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.
GeriParticipantYes, 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!
GeriDaniel TaraKeymasterIf 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
GeriParticipantSo 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…!
GeriParticipantNo 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!
GeriDaniel TaraKeymasterIn the location you currently have it there’s no longer the need for the custom CSS I provided above.
You must be logged in to reply to this topic.