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 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

  • Solution
sorca_marian Level 8

sorca_marian

Posted
  • 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

👨‍🔧👨‍💻 Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Manage Tasks, Take Notes, and Upload Related Images

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

 

Link to comment
sorca_marian Level 8

sorca_marian

Posted
Posted

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

👨‍🔧👨‍💻 Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Manage Tasks, Take Notes, and Upload Related Images

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

 

Link to comment
sorca_marian Level 8

sorca_marian

Posted
Posted

I'm happy that I was able to help!

👨‍🔧👨‍💻 Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Manage Tasks, Take Notes, and Upload Related Images

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

 

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources