Tagged: slider, transparent header
I have been working on this for over a week and I decided it is time to ask for help. I am using a standalone picture instead of a slider and I have successfully made the picture show through css. However it is not showing correctly (too small).
I need some of your expertise.
Hey bhotzel,
I’m not sure what you are looking to change, is it the image in the header? If so, what exactly are you looking to achieve?
Best regards,
Rikard
I added the slider
Hi,
Does the cover CSS attribute helps you
https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover
Best regards,
Basilis
I fixed the logo underneath the slider with a z-index. The only part I need help with is getting the slider to match the width of the content and also the height. I would appreciate the help.
Hi,
Please try this instead of your current header widget CSS:
#header .widget {
left: 0;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(0%);
z-index: 999;
min-width: 100%;
}
Best regards,
Rikard
That worked! Great thank you!
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
I’m good. Thanks.