are2024

I'm discovering that this POD my client likes does not automate their shipping rates like other PODs typically do, and they keep brushing it off as "we don't integrate with Squarespace" yet they say they do so on their website, and that things are fully automated. does anyone have experience with making Finerworks function best via squarespace? they recommend creating a mock order to get the shipping cost and adding that to the product rate/listing details but when I try to make a mock order, it will not tell me the shipping rates - says "Method & Amount to be Determined - $0.00 Average Transit Time: 2-7 biz days. Billed prior to shipping." Their CS is very lacking so I'm hoping maybe someone here has already been through this with them and figure out a easy solution to the shipping profile. I'm thinking just marking up the overall product base price % increase a bit higher to cover the average costs and claim to offer "free shipping" - the client has not put much thought into the prices other than "double to base cost and have the customer pay shipping" - so I'm thinking "just triple the base price and call it a day"??

I've tried everything on here and still no luck. closest solution was the first one from TuanPhan but it still ends up with the long line trailing off... I tried the footer injections with zero impact. has anyone solved this??

sorry my client made me remove the change because they didn't like the line. it did this - Continued______ <that weird extra space with underline won't go away with the code above. I found some Injections for the footer in another post but they did absolutely nothing, posts were from like 2022.

Hello, best I can get is this code: a.blog-more-link { visibility: hidden; } a.blog-more-link:before { content: "Continue"; visibility: visible; } .blog-more-link:after { visibility: visible; } but the extended underline is obviously a problem. I can remove the line completely, made it read on hover for fun - but I know my client won't like that. They'll want a normal line that fits the word. I've tried other codes associated with this issue on a different post and none of them worked, this is as close it came to looking right. but the line going way off the en dis not a good look. Help? https://www.lindasirow.art/blog

thanks that worked. 🙂

it keeps giving me an error - @font-face { font-family: Cathylise+Janetson; src: url(https://static1.squarespace.com/static/653179a612ce1861e9799328/t/661fb5f0fa0d4c5aa8b83598/1713354224672/Cathylise+Janetson.otf); } / Childrens Book Illustrations Page #collection-6619636bcf1e215f4c56244c h1, h2, h3, h4, p, a{ font-family: Cathylise+Janetson !important }

ok so the second bitof code you shared kind of worked.. I uploaded an obviously different font, https://www.dafont.com/cathylise-janetson.font but when I upload that font file and adjust the code... the font on the page does change, but not to the new font at all. it seems to go back to the squaresapce default font instead of MrsEaves? - see the images attached, you can barely tell the difference but the font did change, kinda. I've tried several different font uploads and they all do the same thing no matter...

ok! NM! I was able to get it to fit within the pre-existing code, just had to place it better and it worked. I've made a separate post about the other issue with the page font change. Thanks for your help!

Hello, my client wants me to use her main platform to make a "second" website - aka rebrand a few pages so it seems different from the main website. But the main site has a custom font already coded into the backend... and we want to have a custom font on a few individual pages - can there be two custom fonts?? can I set the font to be different on a few specific pages but leave the rest of the original website alone? Main website - https://www.thejanimalstore.com/ - has MrsEavesOT-Roman CSS Sub-site - her old URL www.janetlauraelefley.com will redirect to - https://www.thejanimalstore.com/childrens-book-illustrations - can this page and the pages I link to it have a font override somehow? I'd settle for a platform default font even if that is easier.

here is the pre-existing code if that helps - @font-face { font-family: MrsEavesOT-Roman; src: url(https://static1.squarespace.com/static/653179a612ce1861e9799328/t/65391b8959d0ce054f25e339/1698241417295/MrsEavesOT-Roman.otf); } h1 {font-family: MrsEavesOT-Roman;} h2 {font-family: MrsEavesOT-Roman;} h3 {font-family: MrsEavesOT-Roman;} h4 {font-family: MrsEavesOT-Roman;} p {font-family: MrsEavesOT-Roman;} .header-title a { font-family: MrsEavesOT-Roman !important; } .header-nav-item a { font-family: MrsEavesOT-Roman !important; } time.summary-metadata-item.summary-metadata-item--date { font-family: MrsEavesOT-Roman !important; } a.summary-title-link { font-family: MrsEavesOT-Roman !important; } a.summary-read-more-link { font-family: MrsEavesOT-Roman !important; } .sqs-add-to-cart-button-inner { font-family: MrsEavesOT-Roman ; } .header--menu-open a {font-family: MrsEavesOT-Roman} .collection-type-products .grid-title, .collection-content-wrapper .grid-prices, .collection-content-wrapper .grid-meta-status { font-family: MrsEavesOT-Roman !important; } .blog-basic-grid .blog-title {font-family:MrsEavesOT-Roman;} .item-pagination-link .item-pagination-title {font-family: MrsEavesOT-Roman;} .blog-item-title h1.entry-title { font-family: MrsEavesOT-Roman !important; } #siteWrapper.site-wrapper .sqs-block-button-element, .sqs-button-element { font-family: MrsEavesOT-Roman !important; } a.nested-category-breadcrumb-link { font-family: MrsEavesOT-Roman !important; } /* Category product */ .products.collection-content-wrapper .nested-category-tree-wrapper .category-link { font-family: 'MrsEavesOT-Roman' !important; } /* add to cart */ .sqs-add-to-cart-button-inner { font-family: 'MrsEavesOT-Roman' !important; } /* Product Detail - Description */ section.product-details.ProductItem-details * { font-family: MrsEavesOT-Roman !important; } .collection-type-products .ProductItem-details .product-price, .ProductItem-nav-breadcrumb, body:not( .button-style-default ) .sqs-add-to-cart-button, .nested-category-children { font-family : MrsEavesOT-Roman; } .newsletter-block .newsletter-form-header-title { font-family: MrsEavesOT-Roman !important; } /* Cart page custom font */ div#sqs-cart-container * { font-family: MrsEavesOT-Roman ,alternative-web-safe-font !important; } /* Promotional popup custom font */ .sqs-popup-overlay-content * { font-family: MrsEavesOT-Roman !important; } // Newsletter Form Description // .newsletter-block .newsletter-form-header-description p { font-family: MrsEavesOT-Roman !important; } // Newsletter Form Fields // .newsletter-block .newsletter-form-field-element { font-family: MrsEavesOT-Roman !important; } // Newsletter Form Button // .newsletter-block .newsletter-form-button { font-family: MrsEavesOT-Roman !important; } .variant-option * { font-family: MrsEavesOT-Roman !important; } // For the Form .sqs-block-form .field-list .title, .sqs-block-form .field-list .caption, .form-wrapper .field-list .field .field-element, .sqs-block-form .field-list select, .form-wrapper .field-list textarea, body:not(.button-style-default) .sqs-block-form .sqs-editable-button { font-family: MrsEavesOT-Roman !important; } .form-wrapper .field-list .field .caption { font-family: MrsEavesOT-Roman; font-size: 9px; color: white; letter-spacing: .15em; text-transform: none; } .sqs-block-button-element { box-shadow: 10px 10px 5px 0px rgba(158,154,154,0.75); -webkit-box-shadow: 10px 10px 5px 0px rgba(158,154,154,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(158,154,154,0.75); } .sqs-add-to-cart-button, .sqs-editable-button, .sqs-editable-button-style, .sqs-button-element--primary { box-shadow: 10px 10px 5px 0px rgba(158,154,154,.75); } /* change the variant button style */ .variant-option .sqs-button-element--secondary { background:#F0A166!important; /* change the button background color */ border: 2px solid #EF8345!important; /* change the button border */ font-size: 1.2rem!important;/* change the button font size */ text-transform: uppercase;/* change the button character style */ } /* change the button on a hover */ .variant-option .sqs-button-element--secondary:hover { background:#4E7C72!important; /* change the button background color */ color: #EF8345!important; /* change the font color */ box-shadow: 10px 10px 5px 0px rgba(158,154,154,0.75) /* give the button a shadow */ } /* change the selected button style */ .ProductItem-details .variant-radiobtn-wrapper input[type="radio"]:checked+label { background: #4E7C72 !important;/* change the button background color */ color: #F0A166 !important;/* change the button font color */ border: 1px solid black !important; /* change the button border */ border-radius: 8rem !important; /* change the button shape */ } /* Show category nav links */ div.nested-category-tree-wrapper { display: flex !important; float: none !important; min-width: 100% !important; max-width: 100% !important; margin-right: 0 !important; } section.products.collection-content-wrapper.products-list { flex-direction: column !important; display: flex; } .nested-category-tree-wrapper>ul { width: 100% !important; display: flex; justify-content: center; align-items: center; } .nested-category-tree-wrapper>ul li { margin-left: 2vw; } nav.nested-category-breadcrumb { display: none !important; } ul.nested-category-children { display: none !important; } .products.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a { padding-bottom:0px!important; } /* stack mobile breadcrumb nav links */ @media only screen and (max-width:767px) { .nested-category-tree-wrapper>ul { flex-direction: column; } } html { scroll-behavior: smooth !important; } #myBtn { width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; font-size: 25px !important; color: white; cursor: pointer; padding: 10px 10px 10px 11px; border-radius: 50%; box-shadow: 1px 1px 5px #000; /* Change the hex code in the next line to change background color */ background-color: #a4a4a4; } #myBtn:hover { background-color: #aeaeae; } .ProductItem-details .ProductItem-details-checkout { display: flex; } .ProductItem-details-excerpt { order: 1 !important; } .ProductItem-product-price { order: 2 !important; } @media screen and (max-width:767px) { .products .list-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; display:grid; grid-column-gap:12px; grid-row-gap:12px; }}

That didn't work, unfortunately - but! I discovered there is already a custom font coded into the backend, this may be an issue?? also - I'm basically trying to rebrand a few pages to create a faux second website - so I want the font different on a specific page or 4. Is it possible to code a custom font into just a few pages? or use a default font on a few pages instead of the css font?

https://www.thejanimalstore.com/childrens-book-illustrations I want to change the font on the titles under each gallery image. Is there code that can fix this issue? SqSp customer service says it's not possible on the regular settings.