Jump to content

Jia

Circle Member
  • Posts

    182
  • Joined

  • Last visited

1 Follower

Personal Information

Recent Profile Visitors

633 profile views
  1. Here's the code for that. Change the number to the value you prefer. .cart-title { font-size: 40px; }
  2. Add this code to custom css (design > custom css). Change the number to the value you want. .gallery-section .gallery-caption p { font-size:20px; } Let me know how it goes 🙂
  3. Try this then: // product name // .css-b3eyut { font-family:'Font Name'; } // qty // .css-1te16u1 { font-family:'Font Name'; } // price // .css-1jp19h { font-family:'Font Name'; } Let me know how it goes 🙂
  4. Here are the following codes you're looking for. Product name: .cart-row-desc { font-family:’Font Name’; } Qty: .cart-row-qty { font-family:’Font Name’; } Price: .cart-row-price { font-family:’Font Name’; }
  5. Hi, this is due to formatting and wrong code. You have to add the codes for each font separately, then apply it to the headings. Delete the codes you've added, use this template to add your fonts (don't remove the ' '): @font-face { font-family: 'Example'; src: url(‘link’) format('woff'); } Then, apply the fonts with this code: h1 { font-family:‘GT-Zirkon-Regular’; } h2 { font-family:’HKGrotesk-Regular’; } h3 { font-family:’HKGrotesk-Bold’; } Let me know how it goes 🙂
  6. Hi, it's best if you share the website link (and password) so I can look into it
  7. Hi, try adding this code to custom css (design > custom css): #block-yui_3_17_2_1_1611930870086_6026 { text-shadow: 2px 2px 4px #000000; } Let me know how it goes 🙂
  8. You can target multiple blocks by using the comma, not semicolon. However, there may be a simpler way to target all images. Please share the website link and password if applicable so I can check
  9. Hi, add this code to custom css (design > custom css) and replace 'red' with the hex of your preferred colour of choice .item-pagination[data-collection-type^="portfolio"] { background-color:red; }
  10. Hi, add this code to custom css (design > custom css): .sqs-block-button.button-block .sqs-block-button-element:hover { background-color: #ccc; color: #000; }
  11. Hi, if that's the case, you'll need to import the files for both Kiona and Kiona Light and name them as such. Your codes will look like: @font-face { font-family: 'Kiona-Light'; src: url('https://static1.squarespace.com/static/61636f178ba836289e08a2d5/t/616394b321324671f8c2283e/1633916083358/FontsFree-Net-Kiona-Light.ttf') format('truetype'); } @font-face { font-family: 'Kiona'; src: url('URL FOR KIONA') format('truetype'); } Then, to style the headings, add these codes: h1 { font-family:'Kiona'; } h2, h3, h4 { font-family:'Kiona-Light'; } If you've already selected Poppins as the paragraph font on Site Styles, there's no need to add anything to css for it. Let me know how it goes 🙂
  12. Add this code to custom css (Design > Custom CSS) and let me know how it goes 🙂 .tweak-portfolio-grid-basic-height-custom .portfolio-grid-basic { padding-top: 0vw; }
  13. Hi, add these codes to custom css (Design > Custom CSS). Change 'HEX' to the hex code of your preferred colours.To #collection-609d726d5b2edc3fbc0f88ec { h1 { color:#HEX; } h2 { color:#HEX; } h3 { color:#HEX; } } To hide the navigation on the left side, add this code: #folderNav { display: none; } Let me know how it goes 🙂
  14. Hi, it might be due to an error in the format of your code. Try this instead and let me know how it goes 🙂 @font-face { font-family: 'Kiona-Light'; src: url('https://static1.squarespace.com/static/61636f178ba836289e08a2d5/t/616394b321324671f8c2283e/1633916083358/FontsFree-Net-Kiona-Light.ttf'') format('truetype'); }
  15. Please share the link to the website and password (if applicable) so I can take a look 🙂
×
×
  • 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.