Jump to content

creedon

Circle Member
  • Posts

    9,361
  • Joined

  • Last visited

  • Days Won

    78

Community Answers

  1. creedon's post in Remove Varient Option Button was marked as the answer   
    Yes. In the product editor remove the options you don't need.

    You can add whatever options you remove to the product description or title as text if you want.
  2. creedon's post in Why is all my type so small in my cart? was marked as the answer   
    SS apparently didn't design the cart with larger fonts in mind and it is all out of whack.
    Add the following to Website > Website Tools > Custom CSS.
    .cart-row-price, .cart-row-qty-input, .cart-subtotal-label, .cart-subtotal-price, .cart-row-title   {        font-size : unset;     line-height : unset;          } Let us know how it goes.
  3. creedon's post in Creating unique copy for subcategories within the store was marked as the answer   
    You can add categories with custom code but weather that will benefit SEO I can not say. It depends on if the search engine crawler runs the JavaScript on your site. Apparently some do, some don't
    Please see the following.
    Let us know how it goes.
  4. creedon's post in Adding image to event details page was marked as the answer   
    Yes. I set the image by default to take up 50% of the space available in the meta info area.
    Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.
    <style>   .twc-eventitem-thumbnail {        width : 100%;          }        </style>  
    I'll keep this in mind as a feature request but I have no firm plans or timeline to possibly do this. My code is not altering the aspect ratios of images at this point. Also a note for those that follow on. It seems SS is not providing the selected aspect ratio selected in settings to the events page pages.
  5. creedon's post in Add shadow to iframe was marked as the answer   
    Your were on the right track but you had syntax errors in your iframe tag. I also removed the depreciated frameborder attribute.
    <iframe src="https://heartland-pfd.bookafy.com/schedule?type=iframe&amp;locale=en" style="box-shadow : 4px 14px #000; height : 525px; width : 100%;"></iframe> Let us know how it goes.
  6. creedon's post in How to add CSS to a Promotional PopUp Success page? was marked as the answer   
    For your button tag use the following.
        <button onclick="location.href='https://open.spotify.com/playlist/6FrgLAlPOlzCqP0i7jfqDz?si=a774c4dc24704e73&amp;nd=1';" type="submit">            Spotify Playlist              </button> By adding the type attribute with a value of submit the tag picks up the CSS styling SS has defined.
    Let us know how it goes.
  7. creedon's post in Change shape of price option in Members area was marked as the answer   
    Add the following to Page Settings > Advanced > Page Header Code Injection for the page. Please see per-page code injection.
    <style> body .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-editable-button.sqs-system-button.left-button, body .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-editable-button.sqs-system-button.right-button   {        border-radius : unset;          } </style> Let us know how it goes.
  8. creedon's post in Social Icons invisible anywhere I add them was marked as the answer   
    Ah ha! Upon further digging, you have a syntax error in your RAD Tracking code.
    Go to Settings > Developer Tools > Code Injection > FOOTER.
    Find the following...
    <!-- RAD Tracking Code END → ...and change it to...
    <!-- RAD Tracking Code END --> The reason things work in the editor is it tries to keep these kinds of errors from preventing you editing your site. The downside being that you can't see some errors until you get out of the editor.
    The kind of syntax error we see here could have been introduced by passing the code through a word processor. When dealing with code you should use a code processor or a dumb word processor like Notepad.
    Let us know how it goes.
  9. creedon's post in Any way to set a default product option? was marked as the answer   
    The following code is causing the UI issues.
        <script>       function setValue() {         document.querySelectorAll('div.variant-option select').forEach(function(dropdown) {           dropdown.selectedIndex = '1';           Y.one(dropdown).simulate('change');         });       }       window.onload = setValue;     </script> Without this code the normal UI works as expected.

    code interfering with normal SS UI.mp4    
     
    I think the following code would be closer to what you want.
    const selector = '.ProductItem-details .variant-radiobtn-wrapper label:nth-of-type( 1 )'; document   .querySelectorAll ( selector )      .forEach ( e => e.click ( ) ); Let us know how it goes.
  10. creedon's post in I left justify my blog posts and they all turn up as centered- help! was marked as the answer   
    Have you edited the section and changed the alignment setting?

    Let us know how it goes.
  11. creedon's post in Turning the Product Variant into a drop down menu was marked as the answer   
    Edit the product detail section. Change the Variant Display to Dropdown.

    Let us know how it goes.
  12. creedon's post in Changing section background color on hover was marked as the answer   
    Please see the following for a start on your effect.
    Let us know how it goes.
  13. creedon's post in Move shopping bag icon to the navigation bar was marked as the answer   
    Try fiddling with the Cart Position tweak in Design > Styles.

    Let us know how it goes.
  14. creedon's post in Adjust position of floating shopping cart was marked as the answer   
    Undo the setting that you changed.
    Add the following to Websites > Website Tools ( scroll to the bottom of the panel ) > Custom CSS.
    #floatingCart { transform : translateY( -100px ); } Let us know how it goes.
  15. creedon's post in Style 7.1 mobile menu so that links in dropdown folders are on main menu page was marked as the answer   
    @ed.design @HannahRoseShaw
    Please see Header Menu Mobile Outline.
    Let us know how it goes.
  16. creedon's post in Squarespace custom file upload interface broken? was marked as the answer   
    Please see the following.
     
  17. creedon's post in How do I show more product information on the store page? was marked as the answer   
    Remove the following ruleset from Custom CSS.
    ul,.grid-meta-wrapper {   display: none !important } Edit the product grid section and set the SHOW PRICE to Show.

    Let us know how it goes.
  18. creedon's post in Image opening a new tab without the "Open in a new tab" was marked as the answer   
    Turn off Lightbox.

    Edit the link. Turn off Open in New Window and remove the URL then Save.

    Turn Lightbox back on and Save.
    Let us know how it goes.
  19. creedon's post in Calendar formatting for mobile - Any help would be appreciated. was marked as the answer   
    I don't have any solutions but some observations.
    Note for other helpers, it is not a strike through. It is a CSS background-image property, part of the Flex animation. It appears the issue is related to the beloved-sans font having a large descender height causing the background-image to overlap when things get tight.


    Here is the descender when I force the font-family to sans-serif,

    This is how it looks when cramped.

    A solution to this issue might be to not use the beloved-sans for the calendar or not use the font.
    I'm not a font expert so I don't know if my terminology is right.
  20. creedon's post in Move last nav item to right side of logo was marked as the answer   
    Please see the following if you want to go with two buttons on the right. My code duplicates the existing button (changing the text and URL) and you don't need to customize the CSS. You can also add more than two buttons.
     
  21. creedon's post in Update 'Unable to add item' message' was marked as the answer   
    These messages are controlled by Squarespace in the backend.
    Please Contact Customer Support and request the messaging for the cart be clearer.
  22. creedon's post in Hide Zero Stock Variants was marked as the answer   
    Please see Store Product Detail Variant Sold Out Remove.
    Let us know how it goes.
  23. creedon's post in Change separating delimiter in blog post to comma was marked as the answer   
    Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.
    <style>   .blog-item-wrapper .blog-item-category-wrapper:not( :last-child )::after {        padding : 0;          }        .tweak-blog-item-delimiter-bullet .blog-item-wrapper .blog-item-category-wrapper:not( :last-child )::after {        content : ', ';          }        </style> Let us know how it goes.
  24. creedon's post in Need help adding left and right arrows to a button was marked as the answer   
    Here is a LESS version of the code that can save some amount of repetitive typing.
    // begin button block next/previous arrows, uses LESS syntax   // next buttons      #block-yui_3_17_2_1_1689892764837_8954,   #block-yui_3_17_2_1_1689952372864_12393        {            .sqs-block-button-element::after {                content : '\2192';         font-size : x-large;         margin-left : 0.25em;                  }                }          // previous buttons      #block-bef4acd0c7addcb87c6d {        .sqs-block-button-element::before {            content : '\2190';       font-size : x-large;       margin-right : 0.25em;              }            }        // end button block next/previous arrows, uses LESS syntax  
  25. creedon's post in URGENT PLEASE - my hamburger menu don't show up on homepage only was marked as the answer   
    Scratch the previous code, I think.
    I believe you have a syntax error in your Page Header Code Injection for the home page.
    It looks something like the following.
    <style> .logoload {   /* SET BACKGROUND COLOR */   background-color: #FFF;   /* SET BACKGROUND SIZE */   background-size: 90px;   position: fixed;   left: 0px;   top: 0px; It should be more like the following.
    <style> .logoload {   /* SET BACKGROUND COLOR */   background-color: #FFF;   /* SET BACKGROUND SIZE */   background-size: 90px;   position: fixed;   left: 0px;   top: 0px; } </style> Let us know how it goes.
×
×
  • 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.