Jump to content

PatrickJ

Circle Member
 View Profile  See their activity

  • Posts

    89

  • Joined

  • Last visited

 Content Type 

Posts posted by PatrickJ

    SS 7.1 - how to redirect only mobile devices to custom URL (duplicated desktop home page formatted for mobile devices only - fluid engine)

    in Customize with code

    Posted

    On 7/18/2022 at 1:31 AM, tuanphan said:

    #1. Add this to Page Header 

    <script type="text/javascript">
if (screen.width <= 767) {
document.location = "https://google.com";
}
</script>

    The code will redirect page to new url (you can replace google.com with new mobile page url) when users on mobile.

    #2. Add to Page Header 

    <meta name="robots" content="noindex" />

     

    Hey @tuanphan, is something like this possible for detecting only Android users?

    I have a client trying to redirect users to a different page, but only if they're on an Android device. Thanks!

    Shop category links CSS

    in Customize with code

    Posted

    On 6/25/2023 at 12:31 AM, tuanphan said:

    Can you remove other code, just add above code only?

    Maybe some other code conflict together

    image.thumb.png.3332dffbf868e7d2409cd4550f01e689.png

    Didn't seem to work 😬

    I also unfortunately had to change the way that section was built for design purposes, so it would be different now, but it didn't seem to work even before I changed it.

    Placeholder text on form textboxes no longer an option

    in Pages & Content

    Posted

    On 5/15/2023 at 11:56 AM, pnel said:

    I'm also looking for help on getting placeholder text in the first/last and phone fields with Squarespace's new forms. I previously followed the guidance provided by @tuanphan and @creedon in another thread that's basically summarized by another user here: 

    And that solution worked great originally, but it's broken now on the new forms. Has anyone else figured it out?

    Having the same issue!

    Shop category links CSS

    in Customize with code

    Posted · Edited by PatrickJ

    On 6/20/2023 at 12:13 AM, tuanphan said:

    Try Code Injection > Footer 

    <script>
   if (document.location.pathname.indexOf("kaleidoscope/category/HOPE") == 0) {
    document.querySelector('body').classList.add('hope')
}
</script>
<style>
  body.hope div#block-f6c7c08928d92681dfe9 h1 {
    color: #ff33bb !important;
}
</style>

     

    No luck 😬

    And just a note, the links have changed - I tried updating your code to reflect the changes, so that may be what went wrong, but I couldn't figure it out.

    Float Submit Button Next to a Form Field

    in Customize with code

    Posted

    On 12/27/2022 at 5:03 AM, Beyondspace said:

    Try adding to Home > Design > Custom css 

    @media only screen and (max-width: 767px) {
  #block-2b6877fafb5f55d61849 .newsletter-form-body {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #block-2b6877fafb5f55d61849 .newsletter-form-body  .newsletter-form-fields-wrapper.form-fields {
    width: 70%;
  }
  #block-2b6877fafb5f55d61849 .newsletter-form-field-wrapper {
    width: 100%;
    min-width: unset
  }

  #block-2b6877fafb5f55d61849 .newsletter-form-field-element.field-element {
    width: 100%;
  }
}

    Support me by pressing 👍  or marking as solution if this useful for you

    You're a champ! Works like a charm! Thanks so much!

    How does one add a custom scrollbar to a custom scrollbox?

    in Customize with code

    Posted

    On 12/16/2021 at 6:43 AM, Beyondspace said:

    Try adding to Home > Design > Custom Css 

    /*width of scrollbar*/
.scrollBox::-webkit-scrollbar {
  width: 1em;
}

/*color of scroll bar*/
.scrollBox::-webkit-scrollbar-track {
  background: purple;
}

/*color of scroll button*/
.scrollBox::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

    Reference: https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp

    Change the style which meets your requirement

    Hope it can help you

    Support me by pressing 👍 if this useful for you

    Hi there! Thanks @Beyondspace! This worked great, but I ran into an issue with the way it displays, any chance you could help?

     

    Float Submit Button Next to a Form Field

    in Customize with code

    Posted

    On 7/4/2021 at 8:13 PM, Beyondspace said:

    try 

    @media only screen and (min-width: 640px) {
  #block-yui_3_17_2_1_1625230745440_16307 form {
      display: flex;
      align-items: center;
      width: 100%;
}
  #block-yui_3_17_2_1_1625230745440_16307 form .field-list {
    flex: calc(85% - 70px);
  }
  
  #block-yui_3_17_2_1_1625230745440_16307 form .form-button-wrapper {
    flex: 70px;
    text-align: right;
  }
  #block-yui_3_17_2_1_1625230745440_16307 form .form-button-wrapper input {
    flex: 70px;
    text-align: right;
    margin: 6px 0 4px;
  }
          
}

    Hi there! This worked great for my regular Form Blocks Is it possible to do this for a Newsletter Block as well? I've tried altering this code but no luck.

    @Beyondspace @tuanphan

    Changing positioning of newsletter field error

    in Customize with code

    Posted

    13 hours ago, tuanphan said:

    Try adding to Design > Custom CSS 

    /* newsletter error */
@media screen and (min-width:992px) {
.newsletter-block .newsletter-form-field-wrapper .field-error {
    position: absolute;
    bottom: 40px;
}
.newsletter-form-footnote {
    padding-top: 40px;
}}

    image.thumb.png.4f3da88284135ba4e6009f43326201d2.png

    Thanks @tuanphan! That works, but is there any way to maintain the expanding box functionality while having it placed underneath? Cheers!

    Custom Mega Menu Glitch

    in Customize with code

    Posted · Edited by PatrickJ

    Site URL: http://www.strategxcorp.com

    Ok y'all, I got a doozy for ya.

    So I built a custom mega menu, using the technique where you append a footer section to the navigation. It turned out great (1st screenshot), but randomly yesterday it decided to start glitching, however only on specific pages (2nd screenshot). As it's being drawn from a footer section, I'm completely at a loss for how it could differ page to page. No idea, after a lot of troubleshooting/trying to find a common denominator, as to how this could be happening. To add to the mystery - when I'm logged in to the site through Squarespace, everything functions normally on every page 😂🤷🏽‍♂️

    URLs where it's working: https://www.strategxcorp.com/home, https://www.strategxcorp.com/projects, https://www.strategxcorp.com/news, https://www.strategxcorp.com/team, https://www.strategxcorp.com/contact-us

    URLs where it's not working: https://www.strategxcorp.com/green-report, https://www.strategxcorp.com/investor-kit, https://www.strategxcorp.com/ir-media, https://www.strategxcorp.com/social-media

    Screenshot 2022-10-18 at 1.26.45 AM.png

    Screenshot 2022-10-18 at 1.27.02 AM.png

    Image Block - On hover title/overlay/link

    in Customize with code

    Posted · Edited by PatrickJ

    On 8/5/2022 at 7:23 PM, tuanphan said:

    Which code did you use?

    Unfortunately I gave up and reverted to just using a classic section and poster image blocks. Would love to see a solution for this on Fluid Engine though, as I use this functionality a lot 🤦🏽‍♂️

    Working version is on adelska.com, the incomplete Fluid Section is still on https://bronze-sunfish-y8k7.squarespace.com,  password “hello” 

    Image Block - On hover title/overlay/link

    in Customize with code

    Posted · Edited by PatrickJ
    updated url

    On 7/1/2022 at 1:18 AM, tuanphan said:

    Your site is private. Can you setup password & share url again?

    Trying to accomplish the same thing on the service thumbnail section above the fold on https://bronze-sunfish-y8k7.squarespace.com, password is “hello” 🙏🏽 

    I’ve gotten pretty far, but can’t for the life of me get the clickthrough link on the image to work 🤦🏽‍♂️

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