Jump to content

How do I make the header transparent only on first slide of one picture?

Recommended Posts

  • Replies 8
  • Views 259
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

5 hours ago, Juliestub said:

Hi there. I have a problem om my trial page. My page is a one pager in the theme almar . I would like to code the header so that its only transparent on the first slide with a picture, and then solid. 
Heres a reference: https://www.psykologblaagaardsplads.dk/

I hope someone can help! :))) 

best, Julie 

Here is the current stage I check on your site

Transparent on top:

image.thumb.png.668fd4caf86c51f512ef8308ed6fd21a.png

 

Solid header when you scroll down

image.thumb.png.0eb63202dc1e036d7af06c6034f59226.png

Does it need some additional configuration?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
26 minutes ago, Juliestub said:

This first picture is how my page looks, with a solid color on header, and i would like it to be transparent, but only on the top

Skærmbillede 2022-12-26 kl. 16.36.48.png

Skærmbillede 2022-12-26 kl. 16.37.28.png

Have you tried editing the header and choose the style of dynamic?

image.png.667c8e32f380493411bed51bab5b111c.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 12/28/2022 at 6:41 PM, Juliestub said:

Yes, thanks a lot! The password is: ankestubsgaard

https://springtail-heron-ra2z.squarespace.com/config/settings/site-visibility

If you have a problem, not related to this thread, you can create a new post

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.