Jump to content

Ziggy

Circle Member
 View Profile  See their activity

  • Posts

    8,177

  • Joined

  • Last visited

  • Days Won

    93

 Content Type 

Everything posted by Ziggy

  1. Ziggy
    Not really possible with the built-in accordion block, but there are many plugin options that would allow this: https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace https://www.sqspthemes.com/plugins/squarespace-accordion-tabs https://insidethesquare.co/squarespace-tutorials/accordion
  2. Ziggy
    You could ask here, though it looks like a few people who managed to add this to their website are having issues: Sorry this isn't the solution, but might get you there talking to these people.
  3. Ziggy
    It looks like you're not the only one having this issue today, maybe with the same code:
  4. Ziggy
    This should be achievable with the headings. If it isn't can you show me the problem in detail so that I can help you come to a solution that you're happy with?
  5. Ziggy
    This is targeted to the block that you're using: #block-yui_3_17_2_1_1664318223427_8839 h1 { text-align: justify; text-justify: inter-word; } It seems to justify the text okay, but not always the images. To get the look of the example you shared, you may want to use more text on each row so the justification is a little more even.
  6. Ziggy
    Try this Custom CSS @media screen and (max-width:640px) { .tweak-product-item-details-alignment-left .ProductItem-details { text-align: center; } .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] { width:90%; } .tweak-product-item-details-add-to-cart-button-style-outline .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='submit'] { width:100%; } } Let me know if it helps!
  7. Ziggy
    Try adding this as well: .newsletter-form-fields-wrapper .form-fields {margin-top:0rem;} .newsletter-block .newsletter-form-button-wrapper {margin-top:0rem;} .newsletter-block .newsletter-form-body {padding-bottom:0rem;}
  8. Ziggy
    Hopefully this helps, place in Custom CSS: .newsletter-block .newsletter-form-header-description p { margin-bottom:0rem; } .newsletter-block .newsletter-form-footnote p { margin-top:0rem; } Let me know if this has helped!
  9. Ziggy
    Try this in the Custom CSS, you'll have to adjust the pixel radius to suit your design: .sqs-block-summary-v2 .summary-thumbnail { border-radius:20px; }
  10. Ziggy
    Hi, the password that you provided doesn't appear to be working, can you check and reshare? Thanks!
  11. Ziggy
    You can place and extend the image behind the buttons as well as behind the text block. Can you try this on your website (maybe on a duplicate page to test) so that I can see what you're trying to achieve? and share the page URL? On a separate note, you may need to adjust the code you're using on the buttons, the hover fill is the wrong size and shape.
  12. Ziggy
    To change the hover effects try this that should keep the button black and 100% opacity when hovered. .sqs-product-quick-view-content .sqs-add-to-cart-button {background-color: #000000!important} .sqs-product-quick-view-content .sqs-add-to-cart-button:hover {background-color: #000000!important; opacity:100% !important;}
  13. Ziggy
    Hi @lfang2, I generally wouldn't recommend converting your text to an image, it's not great for readability or for SEO. The "scale to fit" feature for text is great for making small pieces of text fit an area, but doesn't tend to be a great solution for longer strings of text since it gets scaled rather small on mobile. What look were you trying to achieve that a standard H4 font didn't achieve?
  14. Ziggy
    You could add this to change the minimum height of the navigation folder and this will bring the button up to underneath the nav items, but also allow you to add more without adjusting in pixels. .header-menu-nav-folder { min-height:5% important; } Hope this helps!
  15. Ziggy
    Is there a reason that you've added this to the code injection rather than the Custom CSS? Where did you get the code? I'm also slightly confused as to what you're trying to achieve here, can you provide an example of what you want it to look like? Thanks for elaborating!
  16. Ziggy
    Fantastic, glad I could find you a nice easy solution!
  17. Ziggy
    Just to clarify; are you trying to move the hamburger menu to the right and under the logo on https://processnpower.squarespace.com?
  18. Ziggy
    What do you mean by does work? It does seem to work in my testing, but the problem I can see is that the background colour is white and the navigation link colour is white, you can adjust these settings in the Design Style editor.
  19. Ziggy
    I can't see where you've having issues, the embed loads just fine when I test it. Are there any specific circumstances where this is happening?
  20. Ziggy
    Hi @MikePintea, easy fix for you! You don't need any custom CSS, just change the section setting from small to large, and if you want the video to appear at the top of the section on mobile change the alignment to top. I would recommend that you check the page (when editing) in mobile mode (mobile toggle in the top right of the screen), to make sure the design is correct there. Hope this helps!
  21. Ziggy
    Hi @James_9848, this is what you need: #collection-60b9dadbc8f89f0d0d502b31 { .section-background { background: linear-gradient(145deg, #3366ff, #00ff66); background-attachment:fixed; } } Let me know if this has worked.
  22. Ziggy
    You could target subsequent folders in the navigation using nth-child(n), change the colours as needed and add as many as you want. .header-nav-item--folder:nth-child(1) { .header-nav-folder-content { background: #a1bea8; } } .header-nav-item--folder:nth-child(2) { .header-nav-folder-content { background: red; } } .header-nav-item--folder:nth-child(3) { .header-nav-folder-content { background: blue; } } Hope this helps!
  23. Ziggy
    It should be possible to add another element to the header. Could you set your website to password protected and share the password here so that the website can be viewed? Thanks! https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords
  24. Ziggy
    Fantastic, could you mark my reply as the answer, thanks!
  25. Ziggy
    Great, glad that answered your question and that it's working!
×
×
  • 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