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

Claire_auck

Circle Member
  • Posts

    98
  • Joined

  • Last visited

  • Days Won

    1

Reputation Activity

  1. Thanks
    Claire_auck got a reaction from creedon in how can i change the product breadcrumb home url   
    I did think the same thing (even with my ridiculously limited knowledge) but it didn't seem to work yesterday. I've just checked it again today and it's working...maybe there was a delay in seeing the change? Anyway, it works now. Thanks for your awesome code fix!
  2. Like
    Claire_auck got a reaction from tuanphan in Reduce height of code block   
    Sorry for the slow reply Paul, I'm just back onto this project now. 
    This worked perfectly, thank you so much for you help as always!
    Yes working after 11pm has it's disadvantages.
  3. Love
    Claire_auck reacted to paul2009 in Reduce height of code block   
    Sorry Claire. I added a space between the block ID and the rest. It shouldn't be there. That's the problem with posting at 11pm at night. It should have been:
    #block-yui_3_17_2_1_1627505219076_5381.sqs-block-code img {   margin-top: -100px; } In answer to your questions, I used the Block ID of your Code Block on the specific page. If someone wants to use this solution, they'll need to use the ID that refers to their Code Block, as each one is unique.
    If you were embedded the SVG code in the code block, you'd use the reference 'svg', but as you've uploaded your SVG as a .svg file, it's correct to use the 'img' reference.
  4. Thanks
    Claire_auck got a reaction from paul2009 in Summary block 'read more' button doesn't show (Lazy Summaries)   
    Wow @paul2009
    You are so clever....but I already knew that 😉
    Thanks for taking the extra time to explain how it works too, that's super helpful!
    Thanks a million.
    Claire.
  5. Like
    Claire_auck reacted to paul2009 in Summary block 'read more' button doesn't show (Lazy Summaries)   
    Sure.
    At the moment, the summary block metadata is shown in fixed positions as defined by Squarespace. You can change this by using "CSS Flexible Box Layout", better known as "Flexbox". See the example and explanation below.
    In the following example, the summary content has been set to "display: flex", which means that the items of metadata (title, price, read more link) all become "flex items" and can be ordered however we want. Next. we set the flex-direction property to 'column' so that the flex items are placed in a column (how they used to be). Finally, we set the "order" property of each flex item (title, price, read more link) to determine their layout within the column. Items are sorted by ascending order value.
    /* Change Summary Block Content Order  */ /* Enable Flexbox */ .sqs-block-summary-v2 .summary-content {   display: flex;   flex-direction: column; } /* Summary Block Title Position */ .summary-metadata-container.summary-metadata-container--above-title {   order: 1; } /* Summary Block Price Position */ .sqs-block-summary-v2 .summary-price .product-price {   order: 3; } /* Summary Block Read More Link Position */ .sqs-block-summary-v2 .summary-read-more-link {   order: 4; }  
    Yes! Again, you just need some CSS that will affect the read more link. For example:
    /* Button Styling for read more link */ .sqs-block-summary-v2 .summary-read-more-link {   margin-top: 4px;   border-width: 2px;   border-style: solid;   padding: 7px 13px;   max-width: 145px; } .sqs-block-summary-v2 .summary-read-more-link:hover {   background-color: #171717;   color: #fff; }
      If this helps you, please click "Like" below  ⬇️
     
  6. Love
    Claire_auck got a reaction from bangank36 in Need help with Ghost pricing plugin (tablet & mobile size)   
    Hi @bangank36

    Thanks for you message.
    Do I replace the original @media or add it to the next line?
    I tried replacing it but it said there was a missing opening. 
    Thanks for your help.
    Claire.
     
  7. Thanks
    Claire_auck reacted to tuanphan in Can you disable stretchy navigation line for secondary nav?   
    nav.Header-nav.Header-nav--primary { // Stretchy Navigation Line // .Header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2px !important; transition: width 1s; //animation speed margin: 0 auto; } .Header-nav-item:hover::after { width: 100%; } }  
  8. Love
    Claire_auck got a reaction from eggfoo4523 in Can you disable stretchy navigation line for secondary nav?   
    It was this one 🙂
    // Stretchy Navigation Line // .Header-nav-item::after { content: ''; background: #000000; //color height: 2px; //thickness width: 0; display: block; margin-top: 2px !important; transition: width 1s; //animation speed margin: 0 auto; } .Header-nav-item:hover::after { width: 100%; }  
  9. Thanks
    Claire_auck reacted to tuanphan in How to reduce space between different text styles in same text block   
    Add to Home > Design > custom CSS
    div#block-yui_3_17_2_1_1594762844557_6845 h4 { margin-bottom: 5px; }  
  10. Thanks
    Claire_auck reacted to moeezali in Resizing buttons for mobile view   
    @BritterBeez
    Please check if this works for you:
    @media(max-width: 767px) { a.sqs-block-button-element { padding: 0.8em 0.3em !important; display: inline-block; } }  
  11. Love
    Claire_auck reacted to paul2009 in Add a banner image to the top of a blog detal page   
    The megamenu Claire referred to is now available as a plugin/extension. Ideal for designers who want to design their own menu panels. It makes it really easy to add full-width navigation panels, using the flexible drag-and-drop functionality of Squarespace blocks. It's currently available for Squarespace 7.0 and will be available for 7.1 soon.
    You'll find full details here: Megamenu extension for Squarespace.
    Example megamenu:

  12. Love
    Claire_auck reacted to paul2009 in Remove Seconds From Time Field in Form   
    See my guide here:
    https://sf.digital/squarespace-solutions/hide-seconds-on-squarespace-form
    Let me know how you get on.
  13. Love
    Claire_auck got a reaction from ghostplugins in Ghost Plugin Tweak / Stripey Summary Block   
    Site URL: https://meningitis-foundation.squarespace.com/meningitis-symptoms
    Hello.

    I ❤️ Ghost Plugins  😉
    I'm using one of their summary block plugins and I wondered if someone could help me tweak the code so the height of the containers are fixed. @moovlabs, is this something you can help with?
    Here's a link to the plugin;
    https://www.ghostplugins.com/steps/5hn28gh9
    I have attached a screenshot too,  fingers crossed it's an easy add/fix.
    ALSO....is there a way to add the plugin to this specific page only rather than the whole site? Given that I am proofing this with the client at random times, I have removed the CSS as it was effecting 3 other pages visually, so if it's not showing that's why you can't see it.

    Cheers
    Claire.
     

  14. Thanks
    Claire_auck got a reaction from paul2009 in Add a banner image to the top of a blog detal page   
    Hi @brandyglows, I can absolutely recommend @paul2009 if you need a mega menu plug in, he's amazing to work with!
    Good luck!
  15. Like
    Claire_auck reacted to brandyglows in Add a banner image to the top of a blog detal page   
    Okay, very cool. And thanks! I'm excited to figure out these challenges and hopefully have a much deeper understanding of SS at the end of it. Congrats on your projects, bytheway!
  16. Like
    Claire_auck reacted to JONNO in Add a banner image to the top of a blog detal page   
    @tuanphan you're a genius, thanks.  It looks great and was easy to implement.  Just one more thing... is it possible to add some code so that the image doesn't crop on different browser/screen widths?  I'd prefer for the entire image to resize if possible.  Thanks again so much!
  17. Like
    Claire_auck got a reaction from paul2009 in Add a banner image to the top of a blog detal page   
    Hi @tuanphan, this works really well, I just have one issue. @paul2009 has developed an amazing mega menu on a couple of my projects now and there is a conflict when I add this code. The menu is pushed below the new banner strip on the blog detail pages only. Is there something that you could tweak? 
    https://meningitis-foundation.squarespace.com/podcast-stories-blog-1/a-survivors-story-sara-dwen-nee-martin
    pa33word
    Cheers 🙂
     
  18. Love
    Claire_auck reacted to tuanphan in Can you reduce the padding in a markdown box?   
    .markdown-block { padding-top: 0 !important; padding-bottom: 0 !important; }  
  19. Love
    Claire_auck reacted to tuanphan in Hide next/prev controls in a slideshow on desktop only   
    We have created 2 blocks for Stacked - Slide products, then hide one for desktop, one for mobile. Because each block has a different ID, the code cannot be applied to every site. If anyone is interested, just leave the url, I will help.
  20. Like
    Claire_auck got a reaction from tuanphan in Hide next/prev controls in a slideshow on desktop only   
    I would like to say a big thankyou to @tuanphan for helping me solve this tricky problem (we reverted to private messaging to nut out the solution), he really knows his stuff!
    🙂
     
  21. Like
    Claire_auck got a reaction from paul2009 in Hide next/prev controls in a slideshow on desktop only   
    I would like to say a big thankyou to @tuanphan for helping me solve this tricky problem (we reverted to private messaging to nut out the solution), he really knows his stuff!
    🙂
     
  22. Thanks
    Claire_auck reacted to tuanphan in Make an iframe fill the width of the banner   
    section#new-page .Index-page-content { width: 100% !important; max-width: 100% !important; padding-left: 0; padding-right: 0; } div#block-yui_3_17_2_1_1583366649920_4403 { padding-left: 0; padding-right: 0; width: 100%; }  
  23. Like
    Claire_auck got a reaction from JayShops in Make an iframe fill the width of the banner   
    Hi @JayShops
    Well aren't you clever...that worked a treat!

    I will go back to the people that created it to do a couple of design cleanups and then we're good to go!
    Thank you for your help 🙂
     
  24. Love
    Claire_auck reacted to JayShops in Make an iframe fill the width of the banner   
    This CSS style would make it fill everything although it could affect other blocks on the page as well. Doesn't hurt to try I guess though.
     
    Make sure to just embed on the specific page where it is needed.
     
    div#block-yui_3_17_2_1_1583366649920_4403 { width: 100% !important; } .Index-page-content.sqs-alternate-block-style-container { width: 100% !important; max-width: 100% !important; padding: 0 !important; }  
  25. Like
    Claire_auck got a reaction from tuanphan in Custom code to disable the product link (using 7.1)   
    Brilliant.....thank you so so so much!!!! 
    So quick and problem solved. 
×
×
  • Create New...