Jump to content

pietro445

Member
  • Posts

    16
  • Joined

  • Last visited

Posts posted by pietro445

  1. Website: https://wisteria-maroon-6fed.squarespace.com/
    Password: bacas
     

    Hello All,
    I was wondering If I could change the type of button (ie: primary, secondary, tertiary) for the navigation and other parts of the website. If an aspect of the site uses a button, it defaults to using the primary button, limiting the variability of the website's design, and I am unable to change the type of button.

    Im sure there is a way to do this with CSS.

    Thank you!

  2. Hello all. 
    I am curious as to how to implement a "stagnant" parallax (not sure the actual terminology for it) on any of my pages, but to practice with, my front page.

    Here is an example of what I am talking about:
    https://civitella.org/

    I like how the images stay in the same location while the content scrolls on top of it.

    Here is my website:
    https://wisteria-maroon-6fed.squarespace.com/
    password: HELPME

  3. 3 hours ago, tuanphan said:

    What is your problem?

    I just want to know if there's a way of combining this code. For example,
    Here is the code for making a section position sticky, I included two sections out of the seven that I used on my homepage.

    @media screen and (min-width: 0px) {
    section[data-section-id="642dbb1f86b2a117d2043598"] {
    position: sticky!important; 
    top: 0px!important
    } 
    html {
    scroll-behavior: auto
    } 
      }
    
    @media screen and (min-width: 0px) {
    section[data-section-id="643b0d6f597bb324b62f8b93"] {
    position: sticky!important; 
    top: 0px!important
    } 
    html {
    scroll-behavior: auto
    } 
      }

    Would it be possible to combine them somehow so that I won't have to use as much code?
    something like this for example:
     

    @media screen and (min-width: 0px) {
    section[data-section-id="642dbb1f86b2a117d2043598"] & section[data-section-id="643b0d6f597bb324b62f8b93"] {
    position: sticky!important; 
    top: 0px!important
    } 
    html {
    scroll-behavior: auto
    } 
      }

     

  4. On 3/19/2023 at 4:41 AM, tuanphan said:

    You haven't entered id yet

    section[data-section-id=""]

    Use this tool to find data section id

    https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

    hey tuanphan, I implemented this on my website: https://violin-aqua-9h9p.squarespace.com/
    password: HELPME

    I was wondering if Im able to consolidate the code in the custom css section. I implemented sticky parallax to my entire homepage and it came out to around 60 lines of code. Im sure Ill be able to add the section id somewhere in one block of code but i have no idea where.

    Thank you!

  5. On 4/29/2023 at 2:55 AM, creedon said:

    No.

    I would be grand if SS would revisit the header layouts and add a few more options!

    It is.

    Add the following to Design > Custom CSS.

    /* begin header branding center navigation right */
    
      .header-display-desktop,
      .header-title-nav-wrapper
      
        {
        
          flex-direction : row-reverse;
          
          }
          
      .header-actions--right {
      
        flex-direction : row-reverse;
        
        }
        
      /* end header branding center navigation right */

    This is for v7.1.

    Without being able to see your site I can't be sure how this will work, but it's a starting point.

    Let us know how it goes.

    I really appreciate this, thank you so much @creedon! Have a fantastic rest of your Sunday.

  6. On 10/19/2021 at 2:00 AM, IgnitePerth said:

    Hi Margmorg - you absolutely can choose right aligned - the option just isn't very intuitive.

    When you select edit site header, on the right hand side of your screen, you get a popup menu.  The initial settings tab is for GLOBAL.  Select the monitor icon for Desktop.  The options you are looking for are in there.

     

    rightMenu.png

    Hello. 
    Is there an option in to have the logo in the middle and navigation items on the right side? It is kind of frustrating that there is every option BUT having navigation on the right. 
    I feel like this may only be possible with code.

×
×
  • 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.