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

christyprice

Circle Member
  • Content Count

    448
  • Joined

  • Last visited

  • Days Won

    4

Everything posted by christyprice

  1. 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.
  2. @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.
  3. 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
  4. 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.
  5. @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
  6. Could you please share the password so we can view your site?
  7. 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.
  8. 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.
  9. Try adding the code above inside the <style></style> code for that page.
  10. 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'); }
  11. @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; }
  12. hi @xstitchboutique, can you share the link to a product that has the additional info? that would help us see what code to target.
  13. Thanks for letting me know @laurenruth1. If you could "vote up" the answer on the left, that will let others know it's a valid solution.
  14. Hi @laurenruth1, This should get you close. You can play around with the opacity value to make it more or less opaque: .gallery-grid-item-wrapper:hover img { opacity: 0.3; }
  15. Hi @CanadaSue, Font weights don't have px. So it would just be something like font-weight: 500 !important; Not all weights are supported on all fonts, so fiddle around with the 500 to 700, etc.
  16. What's your best advice for keyword research without investing in one of the expensive tools?
  17. Hi @Lystnr! You need to have a gallery page as part of an index page, then you should be able to see those site styles. Here's a video: https://www.loom.com/share/7337261a028a4cc7ab96a3082abeeab7
  18. Hi @Douwe, @inside_the_square has some amazing CSS cheat sheets and tutorials that may have the info you are looking for: https://insidethesquare.co/guides
  19. Hi @rogerberges, I agree with @derricksrandomviews that your best best to to make sure your images are fully optimized. That's the best way to speed up the load time.
  20. If you could share the password to your site, perhaps someone could take a closer look. In the meantime, you can view this video on how to resize the logo: https://www.youtube.com/watch?v=BtBaLokA4n4 And although this post was written for a previous version of Squarespace, there is a tip at the end about adjusting your logo file that might be helpful: https://christyprice.com/squarespace-tips-tricks/how-to-make-logo-bigger-squarespace
  21. Hi @mschenese. First, make sure you are only using the <style></style> tags if you are putting the code in a page code injection. If you are using it in Design > Custom CSS you would NOT use the style HTML tag. If you are trying to override other property rules, you should use !important. So something like this added to Design > Custom CSS and you can play around with the values. .donation-block .sqs-donate-button { font-size: 20px !important; width: 100% !important; padding: 23px 0px 25px !important; background-color: #ffa3bd !important; }
  22. Hi @Esquirebr, You would combine the two like this: #block-yui_3_17_2_1_1584715631892_17063 .summary-thumbnail-container { pointer-events: none !important; } This changes the summary thumbnail pointer class only for that particular block id.
  23. Hi @gloyang06, You can target those particular font sizes using this code added to Design > Custom CSS. I exaggerated the font sizes, so play around with those until you get the look you want. .blog-side-by-side .blog-categories { font-size: 2rem; } .blog-side-by-side .blog-title { font-size: 1rem; }
  24. If you are using Squarespace 7.1 (the newest version) every template has the exact same functionality.
×
×
  • Create New...