Jump to content

How to add logo over the gallery slideshow reel section

Go to solution Solved by sorca_marian,

Recommended Posts

  • Replies 5
  • Views 949
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution
Posted (edited)

Add the below code in the Page header code injection of the homepage.
Upload your logo and add the url(LINK TO YOUR LOGO)

<style>
  #sections > :first-child .content::after {
        content:"";
        width: 100vh;
        height: 25vh;
        z-index: 9999;
        top: 50%;
        left: 50%;
        background: url(https://images.squarespace-cdn.com/content/6429afef9d28c96ab5cab093/be66b182-e373-4150-88ac-0e45d062a3c5/Asset+18.png) no-repeat;
        background-size: contain;
        transform: translate(-50%,-50%);
        position: fixed
}

@media (max-width: 1100px) {

    #sections > :first-child .content::after {
        width : 70vw;
    }

}
</style>

 

Screenshot 2024-03-09 at 16.11.06.png

Screenshot 2024-03-09 at 16.11.14.png

Edited by sorca_marian
Link to comment

Sure.
0.5 in background can be adjusted from 0.1 to 1

#sections > :first-child .content::before,
#sections > :nth-child(2) .content::before {
    content : "";
    position: absolute;
    width : 100%;
    height : 100%;
    background: rgba(0,0,0, 0.5);
    top: 0;
    left : 0;
    z-index: 1;
}

Don't forget to mark my answer as the solution.

Screenshot 2024-03-09 at 17.06.38.png

Link to comment

I'm happy that I was able to help!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.