Jump to content

Claire_auck

Circle Member
  • Posts

    143
  • Joined

  • Last visited

  • Days Won

    1

Reputation Activity

  1. Love
    Claire_auck reacted to tuanphan in Removing Parts of Embedded Map   
    Add to Design > Custom CSS
    div#block-yui_3_17_2_1_1685838379094_5882>div { overflow: hidden; } iframe[src*="maps/d"] { margin-top: -70px; }  
  2. Like
    Claire_auck got a reaction from raeroshow in Deleted Products Keep Reappearing in Products List, Labeled as "Deleted" and Not Editable   
    I am having the same problem too. 
  3. Thanks
    Claire_auck reacted to tuanphan in How to move additional product information block under add to cart button?   
    Add to Last Line in Code Injection > Footer
    <script> jQuery(document).ready(function($){ $('section.ProductItem-additional').insertAfter('.ProductItem-details .sqs-add-to-cart-button-wrapper'); }) </script> <style> section.ProductItem-additional { order: 6; } </style>  
  4. Thanks
    Claire_auck reacted to tuanphan in I want to move the blog title below the first image   
    I think you can add some class like this to disable code in edit mode, then you can edit it.
    body:not(.sqs-edit-mode) .blog-item-wrapper .blog-item-title { display: none!important; }  
  5. Love
    Claire_auck reacted to paul2009 in I want to move the blog title below the first image   
    Hi Claire
    The easiest way to achieve this (and the least likely to go wrong) is to use a line of Custom CSS to hide the Blog Item Title (or the Blog Item Top Wrapper - includes the title and the metadata) and then you can add the title manually in the Text Block below the image. 
    For example, to hide the title you could add:
    .blog-item-wrapper .blog-item-title { display: none!important; } Alternatively, assuming the site is not on a Personal Plan, some JavaScript could be written to move the Blog Item Title (or the Blog Item Top Wrapper) below the first Blog Image Block (assuming one is found). 
    For reference, this is the Blog Item Title:

    and this is the Blog Item Top Wrapper:

  6. Thanks
    Claire_auck got a reaction from paul2009 in Shipping cost error when using 'Fee per Item'   
    Hey Paul.
    Thanks for jumping in. That makes sense now, thanks for taking the time to explain that.
    Hope you're well
    Claire.
  7. Like
    Claire_auck reacted to paul2009 in Shipping cost error when using 'Fee per Item'   
    Hi Claire
    On Squarespace, the Fee Per Item is charged on each item, including the first item.
    If you'd like to charge $12 for one book and $17 for two books, you'll need to set the Per Order Fee to $7 ($5 lower than your current rate) and keep the Fee Per Item as $5. 

    Did this help? Please give feedback by clicking an icon below  ⬇️
  8. Love
    Claire_auck got a reaction from Jia in Added to the cart button size is too narrow??   
    Amazing, that worked a treat...thanks!!!!
  9. Love
    Claire_auck reacted to Jia in Added to the cart button size is too narrow??   
    I checked in the inspector and it seems that the width is not being read, but adding the !important tag fixed it. Try this:
    .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { width: 100% !important; }
  10. Like
    Claire_auck reacted to rf_residentia in Added to the cart button size is too narrow??   
    You can try also adding a minimum width:
    .sqs-add-to-cart-button { width: auto !important; min-width: 68% !important; }  
  11. 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!
  12. 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.
  13. 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.
  14. 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.
  15. 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  ⬇️
     
  16. 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; }  
  17. 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; } }  
  18. 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.
×
×
  • 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.