Jump to content

christyprice

Circle Member
  • Posts

    964
  • Joined

  • Last visited

  • Days Won

    7

Everything posted by christyprice

  1. @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
  2. Could you please share the password so we can view your site?
  3. 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.
  4. Try adding the code above inside the <style></style> code for that page.
  5. 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'); }
  6. 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.
  7. 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; }
  8. 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.
  9. What's your best advice for keyword research without investing in one of the expensive tools?
  10. Hi @Heytherethanks, best practice is to make affiliate links nofollow links. In Squarespace that means using a Markdown block which is available on the Personal plan. Here's an example of what you'd put in a Markdown block for an affiliate link: <a href="http://affiliatelinkhere.com/" rel="nofollow" target="_blank">your link in text</a> You can use rel="nofollow" to let search engines know that your link shouldn't count in ranking the linked page. And target="_blank" opens the link in a new window, which is best practice for linking to sites outside your own. The code is too long for the window above, but if you click inside the code block and select all you can paste it into a text editor to see the whole thing.
  11. Hi @_kate, I've used the code from Image on Hover Collection (aff) for this with great results. There are versions for both Squarespace 7.0 and 7.1
  12. This should be possible with Custom CSS, but the exact code depends on the template you are using. If you can share the link to your site with password, someone can probably help out.
  13. @camilla.ciappina, As with the site above, you’d likely need to have someone log in as an admin to check your code and your images.
  14. @BRepairers, it's hard to know without seeing your code and images. It might be an issue with the mobile breakpoints. Double check those.
  15. Hi @BOwens, As @tuanphan mentioned the code is specific to each template family. If you happen to be on a Brine family template, you can add this code in that particular page's Page Settings > Advanced > Page Header Code Injection to remove the announcement bar. If you are on a different template, please post a link to your site so someone can help you out. <style> /* remove announcement bar */ .sqs-announcement-bar-custom-location { display: none !important; } </style>
  16. Nice work @andrehanauer! You can simplify the code a bit, since the .header--menu-open is only used on mobile: .header--menu-open { .header-title-logo { -webkit-filter: invert(100%); filter: invert(1); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } } It's awesome that you took the info here and ran with it and figured things out on your own. Great job!
  17. Ah, I see. I don't know of a way to target that specifically - it looks like it has the same collection-id whether it is opened or closed. Maybe someone else can help out!
  18. Hi @andrehanauer, To invert the logo color on mobile, try adding this to Design > Custom CSS: @media screen and (max-width:767px) { .header-title-logo img { -webkit-filter: invert(100%); filter: invert(1); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } }
  19. Your best bet would be the Universal Filter plugin: https://www.squarewebsites.org/products/universal-filter
  20. @justinpheap.co I use one Home index page. Within that index I have one subpage for desktop view and one subpage for mobile that I show/hide with the code above.
  21. @justinpheap.co, I use index pages and just hide/show the subpages, so the page URL stays the same.
  22. @Chira, that looks fantastic! Great job and so glad I could help. ☺️
  23. You could use this code when targeting your specific button class in Custom CSS - just change out the colors: https://codepen.io/miraviolet/pen/ZobWEg
×
×
  • 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.