Jump to content

Aurora

Member
  • Posts

    140
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    Aurora reacted to Ziggy in Summary block image jumps on next line when minimizing screen   
    If you do need a smaller font, then try this:
    @media only screen and (max-width:767px) { section[data-section-id="6523aaf3e80dc370de67a517"] { .summary-title-link { font-size:2vw; line-height:1.2em; } } }
  2. Thanks
    Aurora reacted to Ziggy in Summary block image jumps on next line when minimizing screen   
    It may need to target the section rather than the block, try this:
    section[data-section-id="6523aaf3e80dc370de67a517"] { .sqs-block-summary-v2 .summary-item-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap:12px; } .sqs-block-summary-v2 .summary-item { width: 100% !important; } .sqs-block-summary-v2 .img-wrapper img { width: 100% !important; height: auto !important; } } If it does work, you may want more code to make the font smaller.
  3. Thanks
    Aurora reacted to Ziggy in Summary block image jumps on next line when minimizing screen   
    try this:
    #block-266bbe6e7128a425efb9 { .sqs-block-summary-v2 .summary-item-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap:12px; } .sqs-block-summary-v2 .summary-item { width: 100% !important; } .sqs-block-summary-v2 .img-wrapper img { width: 100% !important; height: 100% !important; } }
  4. Thanks
    Aurora reacted to paul2009 in Form Spam   
    You can do this with a simple text field but it isn’t ideal and it will stop spam. The idea of this method, was that you could look at the submitted emails and manually delete any with the incorrect answer. However, you’ll find that some legitimate visitors incorrectly answer the question, and as lots of spam is generated by low paid humans, spam, as will answer the question correctly.
  5. Thanks
    Aurora reacted to Ziggy in Honeypot for contact form to protect from spam   
    You asked if it was possible so I gave you the method for achieving it. It doesn't stop a bot submitting a form but will flag the submission, that's what a honeypot field does. reCAPTCHA does prevent submissions.
    If you want to use a honeypot field to filter the spam out then depending on the field name, you may be able to filter these out automatically in your email client.
    How much bot-generated spam are you getting?
  6. Thanks
    Aurora reacted to Ziggy in Summary block image jumps on next line when minimizing screen   
    Yes, this is typically controllable, can you share your website URL and this page?
  7. Thanks
    Aurora reacted to Ziggy in Honeypot for contact form to protect from spam   
    I don't know a way of preventing links in form submissions, but add a honeypot field shouldn't be problematic, though I don't have a good way to test whether a bot would actually fill the field or not.
    If you set the first field as your honeypot (make sure it's not set to required or real users won't be able to submit the form), and use this Custom CSS to hide it from regular users:
    .field-list .field:nth-child(1) { z-index:-1; opacity: 0; position: absolute; top: 0; left: 0; height: 0; }
  8. Thanks
    Aurora reacted to Ziggy in Testing contact forms before going live   
    Contact forms should work before a website is live. If you aren't receiving the emails and checked your spam folder etc. (they come from: form-submission@squarespace.info) then I would suggest contacting Squarespace Support.
    It may also be a good idea to link the form to Google Drive as that gives you a backup and place to check if they're working.
  9. Thanks
    Aurora reacted to tuanphan in How to get navigation bar on one line   
    You can adjust 80% in the code
  10. Thanks
    Aurora reacted to Ziggy in Underline link when hovering over it   
    Editing the text should affect the colour or code I gave you, can you make the change you want and save to demonstrate it?
    This is pretty normal, you are using a unicode icon and these vary in a similar way to emojis on different operating systems/browsers.
  11. Thanks
    Aurora reacted to tuanphan in How to get navigation bar on one line   
    Don't remove any code in your current code. Try this CSS code
    /* move nav center */ .header-layout-nav-center .header-title { width: auto !important; flex: unset !important; } .header-title-nav-wrapper { flex: 1 0 80% !important; }  
  12. Thanks
    Aurora reacted to tuanphan in Change my name in footer into small caps   
    Hi,
    The code already shows 0.04em

  13. Thanks
    Aurora reacted to Web_Solutions in Style fields (and metadata) to only capitalize the first word   
    Replace the code with this 
    .fe-block-57a3651e726d0c658f30 { .first-name, .last-name { .caption-text { text-transform: lowercase !important; display: block !important; } .caption-text::first-letter { text-transform: uppercase !important; } } }  
  14. Thanks
    Aurora reacted to Web_Solutions in Style fields (and metadata) to only capitalize the first word   
    Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.
    .blog-item-wrapper { .blog-meta-item--author { text-transform: lowercase !important; } .blog-meta-item--author::first-letter { text-transform: uppercase !important; } }  
  15. Thanks
    Aurora reacted to Beyondspace in [FreeShare] Date display format options on all pages   
    CALL FOR TESTING 🤩
    The Beyondspace date-format snippet has been upgraded, please replace your given snippet with the new one from this URL below
     🌍  Live editor

    🌍 outputFormat supports different kinds of format based on the date string token
    - MM/DD/YYYY
    - DD/MM/YYYY
    - MMM D, YYYY
     🌍 Multilingual website is supported out of the box, check for the support locales value here, for example
    - www.ojala.mx/es/espanol
    - www.ojala.mx/en/english
    - www.ojala.mx/en/ojala-en
    - www.ojala.mx/es/ojala-es
     🌍  Only those date format can support locales. For example instead putting `MM/DD/YYYY`, place `LLL` so it can be auto-converted into different languages
    Format English Locale Sample Output L MM/DD/YYYY 08/16/2018 LL MMMM D, YYYY August 16, 2018 l M/D/YYYY 8/16/2018 ll MMM D, YYYY Aug 16, 2018  🌍  Weglot website is not supported as Weglot has its own mechanism for date time localization, for example
    cc: @mazmac @ocam @yshahi @AdamR @JoelleM @ChiroUp @g-souza @Creatingspaces
     
  16. Thanks
    Aurora reacted to tuanphan in Style fields to only capitalize the first word   
    Add this code to Last Line in Website Tools (under Not Linked) > Code Injection > Footer
    <script> jQuery(document).ready(function($){ $('input.newsletter-form-field-element[type="text"]').attr('placeholder','First name'); $('input.newsletter-form-field-element[type="email"]').attr('placeholder','Email address'); }) </script>
  17. Thanks
    Aurora reacted to tuanphan in Style fields (and metadata) to only capitalize the first word   
    Ah got it, understand why it won't work on homepage, you try adding this line to top of Code Injection > Header
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>  
  18. Thanks
    Aurora reacted to tuanphan in Change my name in footer into small caps   
    You can use this code to Website Tools (under Not Linked) > Custom CSS
    div#block-yui_3_17_2_1_1695881344080_6274 p { letter-spacing: 0.04em; font-variant: small-caps; }  
  19. Thanks
    Aurora reacted to tuanphan in How to get navigation bar on one line   
    Use this code to Website Tools (under Not Linked) > Custom CSS
    nav.header-nav-list { flex-wrap: nowrap !important; }  
  20. Like
    Aurora reacted to Ziggy in Underline link when hovering over it   
    No problem, thank you for liking my comments!
  21. Like
    Aurora got a reaction from Ziggy in Underline link when hovering over it   
    Thank you, that's perfect! I appreciate all of your help with this!
  22. Thanks
    Aurora reacted to Ziggy in Underline link when hovering over it   
    You could swap the previous code for this one that specifically just targets the three links:
    #block-2ba31009063cce87a789, #block-fc74d1c7d4b23b39c76e, #block-yui_3_17_2_1_1696404699330_5544 { a { background-size: 0px !important; text-decoration: none !important; border-bottom: 1px solid rgba(255, 165, 51, 0); transition:ease-in-out 300ms; &:hover { border-bottom: 1px solid rgba(255, 165, 51 ,1); } } }
  23. Thanks
    Aurora reacted to Ziggy in Underline link when hovering over it   
    Yes
  24. Thanks
    Aurora reacted to Ziggy in Underline link when hovering over it   
    try this:
    section[data-section-id="651d51ea513ae744080958af"] { a { background-size: 0px !important; text-decoration: none !important; border-bottom: 1px solid rgba(255, 165, 51, 0); transition:ease-in-out 300ms; &:hover { border-bottom: 1px solid rgba(255, 165, 51 ,1); } } }
  25. Thanks
    Aurora reacted to Ziggy in Underline link when hovering over it   
    If you add the link I can try and help you out with that specific underline.
×
×
  • 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.