Jump to content

CorinnaR

Member
  • Posts

    23
  • Joined

  • Last visited

Community Answers

  1. CorinnaR's post in portfolio to slideshow in mobile was marked as the answer   
    I actually got close to the solution with adding another section under the portfolio as a gallery slideshow and inserting the following code to "custom css"!
    for anyone using this, the collection and section ids would then be different.
    this way I now only have a single project-name on show, so if there would be a solution to put the "highlighted list" as a text on front that would be nice, but not necessary. maybe someone has a solution to this in the long run 😊
     
    // slideshow // #collection-6548e6c4d402863b7021bc5c { figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { top: 75%; left: 0; text-align: center; max-width: 90%; } figcaption.gallery-caption.gallery-caption-fullscreen-slideshow * { font-size: 40px; font-family: bely-display; color: white } .gallery-fullscreen-slideshow { margin-bottom: 0px !important; }} /* Hide portfolio on Mobile */ @media screen and (max-width:767px) { section[data-section-id="6548e6c4d402863b7021bd00"]{ display: none; } } /* Hide slideshow on Tablet - Desktop */ @media screen and (min-width:768px) { section[data-section-id="65c4c91f1b9df95ba0c4ffeb"] { display: none; } }  
  2. CorinnaR's post in Add parallax background only to sections below portfolio was marked as the answer   
    Hi Saranya,
    that specific code didn't quite work, but switching the ".first-of-type" for "section:first-child" did the trick.
    thank you so much! 😊
     
    code used now in header-section go the portfolio page:
    <style> #collection-6548e6c4d402863b7021bc5c .page-section:not(section:first-child) .section-background {     background-image: url(https://static1.squarespace.com/static/6543b43f555c594c9d98c11a/t/654a39a8043430171539d33b/1699363240540/BACKGROUND_WHITE_200.png);     background-size: cover;     background-repeat: no-repeat;     background-position: center;     background-attachment: fixed; }   </style>  
×
×
  • 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.