Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by christyprice

  1. Yep, to highlight on hover use this code and change the hex value from blue to whatever color you'd like: .header-nav-wrapper a:hover { color: #000099 !important; }
  2. Hi! I have a blog post on this that should work for you: https://christyprice.com/squarespace-tips-tricks/make-squarespace-buttons-same-width
  3. To follow up on this question, I have a blog post that shows the 5 steps you should take when adding affiliate links to your Squarespace website: https://christyprice.com/squarespace-tips-tricks/how-to-add-affiliate-links-in-squarespace
  4. In your Home page settings (click the little gear icon beside your homepage), choose Advanced, then paste in this code: <style> .site-title-wrapper {display: none;} </style> Edited to add: You'll need a business plan or higher in order to use custom code. If you are on a personal plan let us know and someone can help with a CSS workaround.
  5. Hi @equerryconsulting. Unfortunately this solution only works with index pages, so only certain templates in 7.0. I haven’t had to come up with a workaround yet. I’d suggest starting a new thread specific to 7.1 to see if someone can help you out. Best of luck with your website!
  6. You can change the colors within each Color theme if you go to Design > Colors, then click the pencil icon beside any theme. You can see the advanced color options and select any color you’d like for each heading size. I’d recommend this as it doesn’t require custom code, unless you want a quick fix for all like the OP. Here’s a rundown of colors in 7.1:
  7. Hi @designfordummies, @inside_the_square has the solution for you:
  8. Hi @Cattty, can you share a link to your site? I had different results on my 7.1 site, so would love to see how we have things set up differently.
  9. @Panos_vsl, you have some redundant code in there. Try just this: .item-pagination-title { display:none; } .item-pagination-link .item-pagination-prev-next { display: block !important; font-size: 15px; font-family: "aktiv-grotesk" text-transform: uppercase; } .item-pagination-link .item-pagination-prev-previous { display: block !important; font-size: 15px; font-family: "aktiv-grotesk" text-transform: uppercase; }
  10. Hi @Panos_vsl, yes you'd just need to add the font family you want to use... can you share a link to your site and the font you'd like to use?
  11. Hi @Moonside, I have a blog post on How to Replace or Remove Portfolio Pagination in Squarespace that should help!
  12. Hi @alishabhaumik, typically we see errors like this when AJAX loading is turned on (it has to do with the caching of information). To turn it off, go into Design > Site Styles and look for AJAX loading.
  13. Hi @designfordummies. Yes, the Ghost plugin (aff) for super slideshow in 7.1 does work for multiple slideshows on a page. You'd just need to create a different Blog for each slideshow.
  14. The simplest thing is to add a Newsletter Block in your Footer. That's the only way to have the same block on each page.
  15. @designfordummies, you'd just need to target that specific element based on its link. Add this to Design > Custom CSS .portfolio-hover-items-list a[href="dekomarkerboards/flexible"] h1 { color: #e51937 !important; } If you change the URL of that page, you'll also need to update it in the code. And if this same layout appears on another page and you don't want the red, just add a collection ID to this code.
  16. Hi @mportch, if you scroll to the end of this blog post, I have code on how to change the logo size in Squarespace 7.1: https://christyprice.com/squarespace-tips-tricks/how-to-make-logo-bigger-squarespace
  17. Hi! It's hard to find that option, but you don't need custom code to do this in the Jones template. Go to Design > Site Styles then scroll down until you see MOBILE:BAR (or alternatively, in mobile view click on your logo and it will show you just the relevant style tweaks). You can use the Logo Width slider to increase the size of the mobile logo.
  18. @designfordummies, if these are navigation links I have a blog post that walks through how to change the color: https://christyprice.com/squarespace-tips-tricks/change-color-navigation-item
  19. Could you please share the password so we can view your site?
  20. Hi @krduva02, Squarespace removed the ability to have HTML code (like line breaks) in image titles a little over a year ago. Here's a blog post with more info: https://www.adlyticmarketing.com/blog/squarespace-using-code-and-html-in-image-titles/ To target the font for the gallery stack title, you'll need to add this to Design > Custom CSS: .sqs-gallery-block-stacked .meta-title { font-size: 40px; font-family: ariel; color: #000000; } You can play around with the font, size, and color.
  21. Hi @djm, yes you can target all h3 on mobile. @media only screen and (max-width: 991px) { h3 { font-size: 12px !important; } } You can change around the screen size max-width and the font size until you get the result you want.
  22. Try adding the code above inside the <style></style> code for that page.
  23. Hi Jesse, Do you mean when the mobile menu is open? If so, add this to Design > Custom CSS .header--menu-open .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }
  24. @xstitchboutique try adding this code to Design > Custom CSS. Make sure you have all of it and that there is no error in the window. Then, edit the product additional information and italicize the sentence you want to be in the red color. You won't see the red here. Save it, then open up a new browser window and look at that product on the live site. The sentence you italicized will show up in red. .ProductItem-additional em { color: #990000 !important; font-style: normal !important; }
  • Create New...