Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Ariel Dominguez
31 PointsNeed an Image to display on top of page and over all other elements / divs.
I'm putting together a site on squarespace and I need a logo image to display on top of the page as well as any and all other divs loading on the page. I'm having trouble getting it to display fully as it seems to be getting cropped by other elements on the page. I've tried the z-index, the position: absolute, etc. I need help this has to get done.
This is the link to the page: http://www.rosenmary.com/shop/r5hu4slv5165figtki7au7ssqu7ofn
1 Answer
Ariel Dominguez
31 PointsThank you for responding! I can't have the header any larger in height. I was hoping there was code that would place the image on top of everything else on the page somehow.
Bogdan Cabaj
16,348 PointsBogdan Cabaj
16,348 PointsNever worked with squarespace and not sure how they they structure they pages but... header {height: 175px;}
Original css '''css Header { background-image: url(http://www.ikydstudio.com/wp-content/uploads/2017/02/rose-n-mary-black-logo-final-large.png) !important; width: 100% !important; background-size: 20% !important; background-repeat: no-repeat; background-position: center top; overflow: visible !important; z-index: 1000000000000000000 !important; '''
I hope this helps.
Also, looks like you should make footer padding top and bottom smaller.
Not sure what you mean by "as well as any and all other divs loading on the page"