Jump to content

sorca_marian

Squarespace Experts
 View Profile  See their activity

  • Posts

    698

  • Joined

  • Last visited

 Content Type 

Everything posted by sorca_marian

  1. sorca_marian
    Can you send a link?
  2. sorca_marian
    Have you removed it or is it on another page than the homepage?
  3. sorca_marian
    Is there a way to share a link? Or is it in a private page?
  4. sorca_marian
    Here is a great way of doing it
  5. sorca_marian
    Check this latest solution
  6. sorca_marian
    I tried using the code and it worked in a clunky way. But it failed when I needed the effect on 2 videos. I researched and found the latest way of doing animations and Parallax Effect with a new technology. Here is the source code https://github.com/sorcamarian/squarespace-tricks/tree/main/Animations/Background Video Parallax Live demo - desktop - https://abzglobal.net/parallax-demo I also created a video about it
  7. sorca_marian
    Something like this for desktop? .header-nav-list { width : 100%; display: flex; justify-content: space-between!important; }
  8. sorca_marian
    Sure, here is the updated code @media (max-width: 799px) { .header-display-mobile, .header .header-display-desktop .header-burger { display : none; } .header-display-desktop { display : flex; } .header .header-display-desktop .header-nav { display : block!important; margin : auto; width: 100%; padding: 0; } .header .header-display-desktop .header-nav-list { width : 100%; justify-content: space-between; } .header .header-display-desktop .header-title-nav-wrapper { display : flex; flex-direction : column; } }
  9. sorca_marian
    Add the below code in Custom CSS @media (max-width: 799px) { .header-display-mobile, .header .header-display-desktop .header-burger { display : none; } .header-display-desktop { display : flex; } .header .header-display-desktop .header-nav { display : block!important; margin : auto ; } .header .header-display-desktop .header-title-nav-wrapper { display : flex; flex-direction : column; } }
  10. sorca_marian
    Hello, Can you send a link of your site?
  11. sorca_marian
    You will probably need an additional plugin for the masonry grid. I worked on such a project before and used this plugin https://isotope.metafizzy.co/
  12. sorca_marian
    Hello, Are you looking to "force" the mobile menu on all screen sizes? If so, there is a plugin for Squarespace 7.1 https://www.abzglobal.net/products/p/force-mobile-menu-on-squarespace-71-plugin
  13. sorca_marian
    <style> @media (max-width: 767px) { .portfolio-grid-basic .grid-item .portfolio-title { font-size : 20px!important; } } </style> The above code can be used in Page header code injection on https://www.deirdrehughes.com/agency <style> .user-items-list p { font-size : 32px!important; } </style> The above code is for https://www.deirdrehughes.com/bio
  14. sorca_marian
    I wonder how the developers of the plugin were able to add that component into Squarespace UI and make it work like it is a native SQSP component
  15. sorca_marian
    Hey @Cedric_D, First I thought that the issue was when trying to modify the value of an SQS hidden field which will not work. Can you use the Developer Tools and pause the JavaScript execution before the form is submitted to check if the hidden field with CSS has the desired value? This approach should work. In case during the JavaScript execution pause the value of the field is the desired one but is not being sent to Google Sheet try to create a new Squarespace form and connect again the Google Sheet. Also, check in the Console of Developer Tools if you have any JavaScript errors. Let me know if this works
  16. sorca_marian
    Hi, Can you add a link to the site?
  17. sorca_marian
    Try this code input[name="email"] { background : transparent!important; color : rgb(237, 191, 42); text-align : center; border : none!important; border-bottom : 1px solid rgb(237, 191, 42)!important; } input[name="email"]::placeholder { color : rgb(237, 191, 42)!important; text-align : center; text-transform : uppercase; letter-spacing:3px; }
  18. sorca_marian
    The code was missing a dot .portfolio-grid-overlay .grid-item .grid-image { border-radius: 30px; }
  19. sorca_marian
    Is this on another page?
  20. sorca_marian
    @Protoregimoto for the line to be hidden on mobile, you can add the below CSS code on that page <style> @media (max-width: 640px) { .vertical-line { display : none; } } </style>
  21. sorca_marian
    One rule you added is not valid. I updated the code with uppercase and letter spacing. Don't forget to mark my answer as the solution 🙂 input[name="email"] { background : transparent!important; color : rgb(237, 191, 42); text-align : center; } input[name="email"]::placeholder { color : rgb(237, 191, 42)!important; text-align : center; text-transform : uppercase; letter-spacing:3px; } input[name="email"] { border-bottom : 1px solid rgb(237, 191, 42)!important; }
  22. sorca_marian
    Is this the desired result? input[name="email"] { background : transparent!important; color : rgb(237, 191, 42); text-align : center; } input[name="email"]::placeholder { color : rgb(237, 191, 42)!important; text-align : center; } input[name="email"] { border-bottom : 1px solid rgb(237, 191, 42)!important; }
  23. sorca_marian
    Can you send a link to a site you want this styling? Are you aware of the new styling options for forms through SQSP Editor? ?
  24. sorca_marian
    You might be using older CSS selectors for a previous HTML structure. Do you know how to inspect the elements through developer tools?
  25. sorca_marian
    You might need to contact Squarespace support. If you have custom code you can try disabling it temporarily with this method
×
×
  • 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