Jump to content

SQSPStarter

Circle Member
  • Posts

    112
  • Joined

  • Last visited

Community Answers

  1. SQSPStarter's post in Customise the 'Sold Out', 'Only x Available' text was marked as the answer   
    This code will work for you:
    .sold-out .product-details .product-mark.sold-out {    color: red !important; font-size: 24px !important; /* play with font size here */ font-weight: 600 !important; /* play with font weight here */ } Let me know how it goes 🙂
  2. SQSPStarter's post in Target Individual Accordion Blocks to Make CSS Changes Too was marked as the answer   
    You can wrap the code like this:
     
    #block-yui_3_17_2_1_1673123629170_6403 { li:nth-child(1) .accordion-item__description:before { content: ""; display: block; width: 100%; /* image width, you can also use px */ height: 150px; /* image height */ width: 150px; /* image height */ background-image: url(https://static1.squarespace.com/static/6386f2afa98d287844340fc9/t/63b9dec3f500a77c50405f5c/1673125571092/scale.png) ; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; /* space between image-text */ } li:nth-child(2) .accordion-item__description:before { content: ""; display: block; width: 100%; /* image width, you can also use px */ height: 150px; /* image height */ width: 150px; /* image height */ background-image: url(https://static1.squarespace.com/static/6386f2afa98d287844340fc9/t/63b9ec35733e724e83427a1b/1673129013381/Schedule.pnghttps://static1.squarespace.com/static/6386f2afa98d287844340fc9/t/63b9dec3f500a77c50405f5c/1673125571092/scale.png) ; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; /* space between image-text */ } li:nth-child(3) .accordion-item__description:before { content: ""; display: block; width: 100%; /* image width, you can also use px */ height: 150px; /* image height */ width: 150px; /* image height */ background-image: url(https://static1.squarespace.com/static/6386f2afa98d287844340fc9/t/63b9ed1e3076140ca487fec6/1673129246797/ShipmentTracking.png) ; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; /* space between image-text */ } } Let me know how it goes.
     
  3. SQSPStarter's post in Edit the look of the Newsletter sign up box was marked as the answer   
    @niteshifte Try this code for it:
    .newsletter-form-button { border: 0px !important; } Let me know how it goes
  4. SQSPStarter's post in Have thumbnails runs across 2 rows was marked as the answer   
    Hi @niteshifte. This code will do the job for you. Please add it in Design > Custom CSS
    @media screen and (max-width: 767px){ .ProductItem-gallery-thumbnails { flex-wrap: wrap !important; justify-content: center !important; } } let me know how it goes 🙂
  5. SQSPStarter's post in Reduce spacing above title on product pages with multiple images was marked as the answer   
    Thanks for sharing the URL. This code will work for you.
    @media screen and (max-width: 767px){ .ProductItem-gallery-thumbnails { margin-bottom: 15px !important; /* play with pixals here*/ } } Let me know how it goes 🙂
  6. SQSPStarter's post in Remove Arrows on product page was marked as the answer   
    Hi @niteshifte Please add the following code to Design > Custom CSS:
     
    .ProductItem-gallery .enable-on-first-image-load.enabled { display: none !important; } Let me know how it goes 🙂
  7. SQSPStarter's post in Customise from field colour was marked as the answer   
    Hi @niteshifte This code will do the job for you. Go to Desgin > Custom CSS:
     
    .form-wrapper .field-list .field .field-element { background: #fafafa !important; /* Change color here */ } Let me know how it goes 🙂
  8. SQSPStarter's post in Remove arrow showing next to a page link in navigation bar 7.0 was marked as the answer   
    Please go to design>custom CSS and paste the following code
    .navigation .external-link a:after {
        content: " " !important;
    }
    Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works as it will help others in the community with same question. Thanks!
  9. SQSPStarter's post in Hide a page title from navigation bar was marked as the answer   
    Hi Naomi, Just the "PRIVATE Collection" Page into not linked section as shown in the screenshot below.
    Let me know if that worked for you.
    Thanks!

  10. SQSPStarter's post in How Do I Remove the Portfolio Page Hover Transition? was marked as the answer   
    Please go to design>custom CSS and paste the following code
    .portfolio-text {
        opacity: 1 !important;
    }
    Please let me know how it goes, and ask for help if it does not work. Please mark the answer as correct if it works. Thanks
  11. SQSPStarter's post in Text format in header button gone wrong?! was marked as the answer   
    Thanks for sharing the link. Please got to Design > Custom CSS and paste the following code. Let me know how it goes
    @media screen and (min-width: 0) and (max-width: 2119px) and (orientation: landscape)
    #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #siteWrapper .header-skip-link {
        height: 18px;
        padding: 10px 35px;
    }
×
×
  • 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.