Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tcp13

Circle Member
  • Content Count

    323
  • Joined

  • Last visited

  • Days Won

    5

Reputation Activity

  1. Like
    tcp13 reacted to ConradH in Print page button?   
    @tcp13  It's been a little bit since I could get back to this project, but wanted to share some progress in case it helps anyone else. I was able to figure out a way to change the size of the title section:
    /*header section height*/ section.page-section.section-height--small:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { min-height: unset !important; height: 15vh !important; padding-top: 10vh !important; padding-bottom: 1vh !important; } I also needed to keep my blog excerpts from breaking onto the next page, and this did the trick:
    /*prevent page breaks */ .summary-item {page-break-inside: avoid!important;} Here's the end result:

     
     
    Do you know if there's a way to hide the Print button on mobile screens for multiple pages without targeting the block code for every individual button?
  2. Like
    tcp13 reacted to northamrealty in Skip Link in Header for Web Content Accessibility Guidelines   
    Again @tcp13, you rock! Thank you for all your help.
  3. Like
    tcp13 got a reaction from northamrealty in Skip Link in Header for Web Content Accessibility Guidelines   
    Ah, sorry about that @northamrealty! It appears your homepage has a different selector since it's an Index Page. Try modifying it one more time to target .Content-outer instead of .Index
    <!--Skip Link--> <script> $(document).ready(function(){$("body").prepend('<a href="javascript:skipTrigger();" class="skip-link" tabindex="0">Skip to Content</a>');}); function skipTrigger(){$(".Content-outer").attr("tabindex", "-1").focus();} </script> That should work on every page within your template (include the homepage too). Feel free to DM me if you encounter any other issues.
  4. Like
    tcp13 got a reaction from northamrealty in Skip Link in Header for Web Content Accessibility Guidelines   
    Hey there @northamrealty,
    It's actually a different target element for your template. Use the same code as above, but swap out this section with the following:
    <!--Skip Link--> <script> $(document).ready(function(){$("body").prepend('<a href="javascript:skipTrigger();" class="skip-link" tabindex="0">Skip to Content</a>');}); function skipTrigger(){$(".Index").attr("tabindex", "-1").focus();} </script> Hope this helps!
    -Tyler
  5. Like
    tcp13 reacted to northamrealty in Skip Link in Header for Web Content Accessibility Guidelines   
    @tcp13 You're my hero! Thank you so much.
  6. Thanks
    tcp13 got a reaction from JSM in Print page button?   
    Sure thing @JSM - can you post a link to your site (and a page password if it's private)?
  7. Haha
    tcp13 reacted to creedon in Make Brine Folder Navigation Keyboard Accessible   
    LOL! I hate that when I go back over an old post and find mistakes. It happens far more often than I'd like! 😀
  8. Like
    tcp13 got a reaction from creedon in Make Brine Folder Navigation Keyboard Accessible   
    Hi @northamrealty,
    It appears I posted the code for Brine with a screenshot of Bedford, so I'll assume that's an 11-month-old mistake on my part 🤦‍♂️
    For your site, try adding the following within Design > Custom CSS:
    .Header-nav-folder:focus-within { opacity:1!important; display:block!important; visibility:visible!important; left:0px!important; } With this expected result:

    Hope this helps! If you're looking for a more substantial accessibility effort, checkout our free audit tool, which found 27 accessibility errors on your homepage 🙂
    Feel free to send me a message if we can help with anything else.
    -Tyler
  9. Like
    tcp13 got a reaction from Sotiris in Reduce space between product details page and header   
    Hi @LaurenJoy,
    Try adding this code within Design > Custom CSS:
    .products article.ProductItem{padding-bottom:0px;padding-top:50px;} @media only screen and (min-width: 769px) { .products article.ProductItem{margin-bottom:-200px;} } This should reduce the spacing for all your product pages in one go (and hopefully without affecting any other pages):

    Hope this helps!
    -Tyler
     
    P.S. - here's something extra if you want to remove that scrollbar on your product gallery 😉
      
    .ProductItem-gallery-thumbnails{overflow-x:auto!important;}
  10. Like
    tcp13 reacted to gmgarrison in Adding second button to site header   
    Thanks a lot for this. I can definitely work with this. Appreciate it!!!
  11. Like
    tcp13 got a reaction from tuanphan in Modifying SOLD OUT and SALE labels   
    Hi @judith1570048218,
    You can target them individually by their additional classes.

    So for example, try adding this code within Design > Custom CSS:
    /*This targets any elements with BOTH the .product-mark and .sold-out classes.*/ .product-mark.sold-out{background-color:#A40000!important;} With this expected result:

    Presumably, there'd be a comparable class for products on sale, likely .sale or .on-sale, but I can't find anything currently on sale within your site.
    Hope this helps!
    -Tyler
  12. Like
    tcp13 reacted to Chloeberland in Changing the colour of number of pictures in a product carousel   
    @tcp13
    Thank you so much, worked like a charm! 

    Hope you have a lovely day, 
    Chloé
  13. Thanks
    tcp13 got a reaction from Chloeberland in Changing the colour of number of pictures in a product carousel   
    Hi @Chloeberland,
    Try adding this within Design > Custom CSS:
    .ProductItem-gallery-current-slide-indicator{color:black!important;} With this expected result on mobile:

    Hope this helps!
    -Tyler
  14. Love
    tcp13 reacted to clary in iframe Code Working In Edit Mode But Not When Published?   
    It worked! You are my new best friend.
     
    *sends drinks down bar to New Best Friend.
  15. Like
    tcp13 reacted to mathildeeeeee in Print page button?   
    @tcp13 Thank you for this! It works great 🙂
  16. Like
    tcp13 got a reaction from Twil in Mojave Change Overlay Text Color on One Page   
    Hi @Twil,
    Are you trying to change the text color itself? It really depends on which specific page. For the Impact page you linked, it'd be something like this pasted into Design > Custom CSS:
    #block-yui_3_17_2_13_1457552603071_12467 h1 { color:#0f0f0f !important; } You can customize the hex color value to your liking, although I'd recommend something other than fuchsia 😉

    Hope this helps!
    -Tyler
  17. Like
    tcp13 reacted to judith1570048218 in Modifying SOLD OUT and SALE labels   
    @tcp13 Perfect. Exactly what I needed (and easier than I thought, can you tell I know nothing about coding). Thanks Tyler!
  18. Thanks
    tcp13 got a reaction from judith1570048218 in Modifying SOLD OUT and SALE labels   
    Hi @judith1570048218,
    You can target them individually by their additional classes.

    So for example, try adding this code within Design > Custom CSS:
    /*This targets any elements with BOTH the .product-mark and .sold-out classes.*/ .product-mark.sold-out{background-color:#A40000!important;} With this expected result:

    Presumably, there'd be a comparable class for products on sale, likely .sale or .on-sale, but I can't find anything currently on sale within your site.
    Hope this helps!
    -Tyler
  19. Haha
    tcp13 got a reaction from creedon in Mojave Change Overlay Text Color on One Page   
    Hi @Twil,
    Are you trying to change the text color itself? It really depends on which specific page. For the Impact page you linked, it'd be something like this pasted into Design > Custom CSS:
    #block-yui_3_17_2_13_1457552603071_12467 h1 { color:#0f0f0f !important; } You can customize the hex color value to your liking, although I'd recommend something other than fuchsia 😉

    Hope this helps!
    -Tyler
  20. Like
    tcp13 reacted to ErynnBriggs in custom css h1 font not appearing on mobile?   
    @Tcp13 Thanks so much! that did it!
  21. Like
    tcp13 got a reaction from creedon in custom css h1 font not appearing on mobile?   
    Hi @ErynnBriggs,
    The default font is showing for me (both desktop and mobile):

    I noticed a few typos in your CSS. Try this instead:
    @font-face { font-family: 'white angelica'; src: url('https://static1.squarespace.com/static/5ac7fe4cc258b4e1cd67c9c2/t/5f909f94732c6b19aa0ad4af/1603313556494/WhiteAngelica.ttf') format('truetype'); } h1 { font-family: 'white angelica' !important } With this expected result:

    Hope this helps!
    -Tyler
  22. Like
    tcp13 got a reaction from kika.tuff in How can I set the alt text of an image to be blank?   
    Hey @e2thex and @kika.tuff,
    Still having headaches with this? Our team offers alt text management as part of our Squarespace accessibility monitoring service. We write appropriate alt text for each image and use custom code to override Squarespace's default alt text values where needed (including null alt values for backgrounds and decorative images). We also have custom solutions to augment Squarespace templates for full WCAG 2.1 AA and ADA compliance.
    Feel free to send me a DM or check out our website (www.squareada.com) if you're interested.
    -Tyler
  23. Love
    tcp13 reacted to paul2009 in Removing blue border that appears when inline image block is clicked on   
    @fuchsiapowers I don't recommend removing these borders, as you will be disadvantaging visitors with disabilities.
    You may not know this but the border (usually blue) is an accessibility feature for visitors with disabilities. As they tab through clickable elements on a web page, the browser adds the border so they know which element has focus.
  24. Like
    tcp13 reacted to Jolsonphotography in Improving Accessibility Score - Links and Buttons Do Not Have Accessible/Discernible Name - Help!   
    Hey John,
    I've wrote up a short script that should solve your problem, I've included it in this blog post I wrote explaining how to solve the accessibility button issue: https://jolsonweddings.com/education/squarespace-buttons-accessible-name
    In short, you just have to add some extra HTML to your footer to give the buttons Aria-labels.
    Good luck!
    J.Olson
  25. Like
    tcp13 reacted to paul2009 in Announcement Bar (Animation)   
    If you are trying to engage your audience, I encourage you to look at alternative design options in preference to anything that blinks or flashes. If not used properly, you could alienate the very people you want to attract. It can also be a problem for users with disabilities and is frowned upon by several accessibility standards.
×
×
  • Create New...