Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by WCS

  1. @leedbssk Perfect! Thank you for sharing the link. Try adding this: .list-item-content__button .sqs-button-element--primary:hover{ color: #495A58}
  2. @leedbssk Happy to help! Here's code for modifying the header button: // This creates a small transition buffer .header-actions-action--cta .theme-btn--primary-inverse{ transition: transform 0.3s !important} // Change the specified colors .header-actions-action--cta .theme-btn--primary-inverse:hover { opacity: 1 !important; background-color: red! important; color: #495A58} ^ I don't know what color you want the background to be. If you don't want it to change, then you can remove that part of the CSS. For the slideshow button, can you please share a link to your site?
  3. @Callan Of course! Happy designing. 😊
  4. @Callan The CSS for this should be: #block-yui_###### .accordion-item__description{ color: white !important } Is that what you were using previously? Sometimes CSS doesn't display on the backend unless you save, leave the Custom CSS window, refresh, and then go back in.
  5. @FundraisingSolutions To remove these from your header, you'll need to make a change outside of that edit area. 1. Log into the backend of your website. 2. Click 'Website' Here you'll see 'Pages' on the left. There are 2 sections with bold headers: (1) Main Navigation (2) Not Linked. Everything under Main Navigation will appear in your navigation bar. 3. To remove the desired pages from your navigation bar, drag them down to below Not Linked. Here are sample images of the before and after:
  6. @blackstarNL Are you keeping a lot of the same content and adding more pages, or are you reworking everything?
  7. @MattyFerg11 Happy to help! Can you share the page with the text?
  8. @graphicabyss I'm glad that worked! Happy designing 😊
  9. @graphicabyss Is it removing the image in the mobile preview, but not on your phone? If so, then you may have to adjust the max width to 720. I had to do this for a client recently. @media screen and (max-width: 720px) { #block-yui_3_17_2_1_1689763110049_14549 { display: none !important; } }
  10. @JDED Try this code and let me know if it works: .summary-excerpt p:last-of-type{ font-size: 12px }
  11. @matt1234 That guide is good but it does have an error in it and the arrows may overlap the text, making the testimonial not fully legible. Here's a revised version to try: section[data-section-id="65d8dcbcf210d40479a7b669"] { .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { float: none; width: 120%; position: absolute; bottom: 42%; left: 50%; -webkit-transform: translate(-50%,-35%); -ms-transform: translate(-50%,-35%); transform: translate(-50%,-35%); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sqs-gallery-design-carousel .sqs-gallery-controls .next::before { background-color: #f5c06a; color: #000000; padding: 20px; border-radius:50%; content: '▶' !important } .sqs-gallery-design-carousel .sqs-gallery-controls .previous::before { background-color: #f5c06a; color: #000000; padding: 20px; border-radius:50%; content: '◀' !important } } Customize it for your site: You can add #block-yui_3_17_2_1_1693334706601_32976{ to the beginning and } at the end if you want to apply it only to the slider on your homepage. You can modify the arrows by copy/pasting a new unicode character and replacing the symbols (◀ and ▶) in the below code. Here's a link to a list of viable options: https://insidethesquare.co/unicode-for-squarespace content: '▶' !important content: '◀' !important
  12. Maybe I'm losing my mind, but a few websites I've designed seem to have images that are blurry / low res... images that have been there for at least a year and were not blurry when I uploaded them. Is anyone else seeing something similar on their end?
  13. @copycolin If you want to add links to your navigation, go to Website, then click on the "+" next to Main Navigation, and select links. You can add as many as you want using this method! To add an additional button to your navigation bar, follow this video:
  14. @Mountainmint This previous forum post may help! There is code for mason galleries specifically, which after a few revisions came out to the below. Copy/paste this into your page header. <style> @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; margin-bottom: 30px !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 0 !important; padding-right: 0 !important; }} </style> 👉 👉 If this works, @tuanphan deserves the credit for it!
  15. @arielestulin You still can! 😊 1. Go to https://fonts.adobe.com and find the font you want. 2. Click on </> icon. It will ask you to add it to a project -- create one for your website. 3. Adobe will give you 2 pieces of code. The first you need to put in your site's header. You can find this by going to Website > Website Tools > Code Injection 4. You'll also receive something that looks like the below. You'll use this to specify what text you want on your site to be the Adobe font you selected. Go to Website > Website Tools > CSS and add: @font-face { copy / paste all the provided css font here } Then specific what text you want in that font. For example, if you wanted all h2 headers to be transformed, add: h2{ copy / paste the font-family line here } If you want it to be all headers, it would look like: h1, h2, h3, h4{ copy / paste the font-family line here } For all paragraph text, do: p{ copy / paste the font-family line here }
  16. @Chanel1990 Try the below code and let me know if it works! 😊 p:not(.sqsrte-large):not(.sqsrte-small){ background: linear-gradient(180deg, rgba(255,255,255,0) 65%, #e1c4ff 65%); display: inline } This article shows some more options as well: https://www.beatrizcaraballo.com/blog/low-highlight-heading-links-squarespace
  17. @dw1080 I really love Becca's solution that she walks through in the below video because it not only gives you the desired desktop hover effect but makes sure that the text appears on mobile as well:
  18. @LorenR That sounds so frustrating. Here are a few good starting points! Add !important to your code .header-nav-item a:hover{color:#ED217A !important} It could be that you've incorrectly added some code. I'd copy/paste it from your Custom CSS section into something like Notes. Add items back in one at a time to see if any work or have an error notice. Clear your code and add the below. If h2 text turns red, it's working. h2{ color: red !important }
  19. @Syd001 Will Myers has a plugin that allows you to add a slider that autoplays! https://www.will-myers.com/products/p/sliding-image-banner I recently used it on a client's website: https://drshenell.com
  20. @Emm Can you provide a link so that we can take a look? Also, did you by chance hide the first section? If so, you'll need to add padding to what looks like the first section for viewers.
  21. @SkySky Can you give us a link so we can see if it's happening on our end?
  22. @OliviaB23 You can with code! There are a number of options out there but I like the one linked below as it allows you to: Customize the look of the button Change how many pixels they have to scroll to until it appears Use a custom icon https://www.beatrizcaraballo.com/blog/back-to-top-button-squarespace
  23. @floatleft Depending on how you want to assign button styles this may not work, but an easy solution is to use only one type of button in the themes you want to modify and target that button type. 😊 For example, only secondary buttons on hover turn green and those are only used in light and dark themes.
  24. I have a client with over 60 blogs. Is there a plugin out there that allows for all the blogs to either appear in 1 summary blog or for there to be pages of 30 blogs in the summary block? (The client doesn't want to use the standard blog landing page as there are other resources and a banner on the page they are using to display the blog title cards.) Currently we have 2 pages for the blogs with a link of the bottom of the first page but this solution is difficult to manage.
  • 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.