Jump to content

Jia

Circle Member
 View Profile  See their activity

  • Posts

    230

  • Joined

  • Last visited

 Content Type 

Everything posted by Jia

  1. Jia
    Hi, try adding this to Custom CSS and let me know how it goes 🙂 .ProductList h1.ProductList-title { font-family: GT Alpina !important; font-size: 18px !important; font-style: normal !important; color: #404040 !important; }
  2. Jia
    Add the code to the Page Settings > Advanced area of each page. Simply change the colour of the code whenever you add it.
  3. Jia
    Hi, when I checked the page via the inspector tool, it seems that you have a spacer block which is causing the extra space: You can delete the block or add this code: #block-yui_3_17_2_1_1647347400126_6450 { display:none; } Let me know how it goes 🙂
  4. Jia
    Hi, slight error in the way your custom font code was formatted. Try this one instead and let me know how it goes 🙂 @font-face { font-family: 'SilverSouthScript'; src: url('https://static1.squarespace.com/static/557cbcf6e4b0c6af002a862b/t/622fea4e874b7b39d130d9e2/1647307342927/SilverSouthScript.woff2') format('woff2'), url('https://static1.squarespace.com/static/557cbcf6e4b0c6af002a862b/t/622fe61da05fa07e9dd68285/1647306269246/SilverSouthScript.woff') format('woff'); }
  5. Jia
    Hi, try adding this to custom css (Design > Custom CSS) and let me know how it goes 🙂 section[data-section-id="61d25fa07e08616456821ac4"] { .content-wrapper, .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child { padding-top: 0px !important; } }
  6. Jia
    Hi, try adding this to custom css (Design > Custom CSS) and let me know how it goes 🙂 .pc0ePSvvq path { fill: #cb0fff; }
  7. Jia
    Glad it worked! For the buttons and headers, add this code as well: .sqs-block-button-element { font-family:'Barlow Semi Condensed', sans-serif; } h1, h2, h3 , h4 { font-family:'Barlow Semi Condensed', sans-serif; }
  8. Jia
    Hi, that font is a Google font so we'll have to import it. Insert this code in the Header area of the Code Injection page (Settings > Advanced > Code Injection) <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@100&display=swap" rel="stylesheet"> Then in Custom CSS (Design > Custom CSS), add this code to make all the text Barlow Semi Condensed Thin: * { font-family: 'Barlow Semi Condensed', sans-serif; } Let me know how it goes 🙂
  9. Jia
    Ahh, try adding the important tag, like this: .sqs-block-image .design-layout-card .image-overlay { background-color: transparent !important; }
  10. Jia
    Glad it worked! I checked those pages and it seems that those sections aren't recognised as 3 columns. I suggest making sure the 3 blocks are of equal width. Let me know how it goes 🙂
  11. Jia
    Hi, can you share what page this is in?
  12. Jia
    Hi, add these codes to custom css (Design > Custom CSS) and let me know how it goes 🙂 Buttons: .sqs-button-element--secondary, input.button.sqs-system-button.sqs-editable-button.sqs-button-element--primary { font-family: 'brandon-grotesque'; } For the cart page text: /** ITEM, QTY, PRICE **/ ._K32yoEnv { font-size:13px !important; } /** PRODUCT NAME **/ .PZP5x7AEV a { font-size: 25px; } /** QUANTITY **/ input._YyCpcTMs { font-size:20px; } /** PRICE **/ .item-price { font-size: 20px; } /** SUBTOTAL **/ .N6WOGS95z { font-size:20px; } /** SUBTOTAL PRICE **/ .qA3jzADaQ { font-size:25px; }
  13. Jia
    Hi, try adding this code to custom css (Design > Custom CSS) and let me know how it goes 🙂 .sqs-block-image .design-layout-card .image-overlay { background-color: transparent; }
  14. Jia
    Yes, you'll need another code to target the header, like this: #collection-60108f3ed12c91733753e42a .header .header-announcement-bar-wrapper { background-color:#eae5d6; }
  15. Jia
    Hi, targeting the page's section background colour would be more effective. Try this code and let me know how it goes 🙂 #collection-60108f3ed12c91733753e42a .section-background { background-color:#eae5d6; }
  16. Jia
    Hi, add this to custom css (Design > Custom CSS) and let me know how it goes 🙂 .tweak-footer-layout-stacked .Footer-blocks--middle { padding: 0px; }
  17. Jia
    No, it's the site-wide password. Go to Settings > Site Availability > Password Protected, and enter a password I can use to view the website.
  18. Jia
    Hi, try adding this code to custom css and let me know how it goes. I use the Ninjakit typewriter too and this worked for me 🙂 @media screen and (max-width: 767px) { div#ninja-elements.ix-block-ninja-custom-typewriter .typed-cursor { font-size: 45px; } div#ninja-elements.ix-block-ninja-custom-typewriter span#typed { font-size: 45px !important; } }
  19. Jia
    Hi, add this code to custom css (Design > Custom CSS) and let me know how it goes 🙂 #cart { color: black !important; }
  20. Jia
    @creedon Thanks for the reminder! @bphillips71 you can replace those codes with the following: Product names: .item-desc a { font-size:15px; font-weight:bold; } Cart item list labels .cart-item-list-labels { font-weight: bold; font-size: 11px !important; }
  21. Jia
    Hi, please share the password to the website so I can help 🙂
  22. Jia
    Hi, upon checking the inspector tool, it seems that the custom font was not read. Add this to custom css and let me know what you think 🙂 h2 { font-family: 'lust-display' !important; }
  23. Jia
    Hi, add this code to custom css (Design > Custom CSS) and add your font name in between the apostrophes. Let me know how it goes 🙂 a.Header-branding { font-family: 'FONT NAME HERE' !important; }
  24. Jia
    Hi, try adding this code to custom css (Design > Custom CSS) and let me know how it goes 🙂 .Header-nav-folder-title:visited { color: #000; }
  25. Jia
    For the breadcrumbs, add this code to custom css: .ProductItem-nav { font-family: "Neue-Haas-Unica-Medium"; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources