-
Posts
964 -
Joined
-
Last visited
-
Days Won
7
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by christyprice
-
Getting Email List Quality Error on Import, List is 100% Opt-In Valid Emails
christyprice replied to a topic in SEO
@kristine I'd forgotten about this post. Since then, I've run into this problem many times. I've found that if I split the CSV into groups of about 75 I don't get the errors. Hope that works for you as well! -
@LucyDesigns this happened to me recently too. I added some margin, something like this, and that worked for me: <style> @media only screen and (max-width: 780px) { #page section:nth-of-type(1) { display: none; } #page section:nth-of-type(2) { margin-top: 100px; } } @media only screen and (min-width: 781px) { #page section:nth-of-type(2) { display: none !important; } } </style>
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Can't remove header from mobile in Miller template
christyprice replied to Riley_Coyote's topic in Customize with code
/* remove mobile header */ .Mobile-bar { display: none !important; }- 4 replies
-
- miller-template
- mobile
-
(and 1 more)
Tagged with:
-
Custom Code not working when I publish the site
christyprice replied to PoppyB's topic in Customize with code
If it's Custom CSS, I always run mine through http://csslint.net to catch any errors. Sometimes just one missing bracket can cause the whole thing to not run.- 3 replies
-
- custom-css
- code
-
(and 1 more)
Tagged with:
-
Links in Code Block not appearing in Footer
christyprice replied to Jun-Yi's topic in Customize with code
Here's the code I use. You can change up the colors to match your brand: .code-block a { color: #ed834a; padding-bottom: .05em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(237,131,74,.3); } -
All of my CSS coding just stopped working
christyprice replied to holliruth's topic in Customize with code
Hi @holliruth, I've had this happen before when there was an error in the CSS code. Have you tried running it through http://csslint.net/ to check for errors? -
Hi @emma444, @ghostplugins has a workaround for adding the old style gallery blocks to 7.1: https://www.ghostplugins.com/steps/9ehnk49g
-
Invert logo color on blog posts only
christyprice replied to rmccready's topic in Customize with code
@MarHigh this may work for you: https://christyprice.com/squarespace-tips-tricks/how-to-invert-logo-color-blog-post -
Thanks @JustinBullseye! You made my day.
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
I've been on the platform for about 3 years and in my experience search has never worked well or as expected. I hope that it's on the roadmap to fix.
-
Replacing Pagination Titles on Portfolio Pages
christyprice replied to Moonside's topic in Customize with code
Hi @sharine, 7.0 doesn't use portfolio pages. Are you perhaps using a blog for your portfolio? -
Hi @carolynmackin, Montauk has a different code base. Here's what you'll need to add to Design > Custom CSS to remove the active link underline: #topNav ul>li.active-link>a { border-bottom-width: 0 !important; }
-
Aw, thanks @Aesthetic_Collab! Glad it was helpful!
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Changing size of one banner heading for mobile only
christyprice replied to GenuineContent's topic in Customize with code
Hi @Asiya, you can adjust the image focal point to change what part of the banner you see on mobile - that would be my first recommendation. If that doesn't work, you might consider having a different banner image for mobile. I have a post on that here and there are some threads in the forum as well.- 60 replies
-
- brine-template
- mobile
-
(and 3 more)
Tagged with:
-
Changing the shape of images and product images
christyprice replied to NaamNom's topic in Customize with code
You can target the images with CSS. For your home page product images, add this to Design > Custom CSS to make them circular. The collection specifies the page and then the code specifies images in the product block. #collection-5ef925025708dc5cb9e01f4b .product-block .image-container img { border-radius: 50%; } For other images, you can specify the block (I use the first plugin in this post: https://christyprice.com/squarespace-tips-tricks/chrome-extensions-squarespace-designers) and then set the border radius.- 3 replies
-
- images
- customized
-
(and 2 more)
Tagged with:
-
Affiliate links in personal site question
christyprice replied to Heytherethanks's topic in Getting Started With Squarespace
You would need to add some code to Custom CSS to force an underline if it doesn't show up automatically: If you are using a Code Block use something like: .code-block a { color: #ed834a; padding-bottom: .05em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(237,131,74,.3); } You can change out the colors for the text and the underline to be whatever you want. For a Markdown Block, you can use something like this: .markdown-block a { color: #ed834a; padding-bottom: .05em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(237,131,74,.3); } Still not working? Try adding !important before the ; symbol. -
Changing size of one banner heading for mobile only
christyprice replied to GenuineContent's topic in Customize with code
You need to add h1 after the block-id, just like it is after the collection-id in the code above- 60 replies
-
- brine-template
- mobile
-
(and 3 more)
Tagged with:
-
Changing size of one banner heading for mobile only
christyprice replied to GenuineContent's topic in Customize with code
@jondemeo, try adding this to Design > Custom CSS @media only screen and (max-width: 991px) { h1 { font-size: 14px !important; } } then just change that font-size number to the size that works for you This targets all the h1 on mobile, so should be good. If you only want it for the homepage, then try this: @media only screen and (max-width: 991px) { #collection-5f242e14448b5e0c62fa6f55 h1 { font-size: 14px !important; } }- 60 replies
-
- brine-template
- mobile
-
(and 3 more)
Tagged with:
-
Changing size of one banner heading for mobile only
christyprice replied to GenuineContent's topic in Customize with code
@jondemeo make sure you are targeting the correct form of text: h1, h2, etc. Selecting the block-ID should work. If you want to share a link, perhaps we can help with more specific advice.- 60 replies
-
- brine-template
- mobile
-
(and 3 more)
Tagged with:
-
Affiliate links in personal site question
christyprice replied to Heytherethanks's topic in Getting Started With Squarespace
Hi @mhoelzer, this would really depend on both your businesses. Think about what would 1) be the most beneficial for your site visitors and 2) what would bring in revenue for you. I tend to approach these sorts of questions looking at how I can provide the most value for my site visitors and also make a living. If they wanted to simply place an ad on your website, another option would be to charge them directly for the space. So $X/month. Or they could pay you for a review and sharing on social media. You'd just need to be clear that it is a paid ad. You could weight that against potential affiliate income and decide what works best for you, your site visitors, and your business model. I haven't done paid ad placements myself, but I am an affiliate for companies and products that I use in my own business and think others may find helpful. Best of luck! Christy -
I don't know of a way to do that in Squarespace, but https://www.hellobar.com/ might be a good third party integration to check out.
-
Ah, gotcha! It does seem to be an issue with parallax. You can turn it off to fix the problem. Here's the general code to turn it off on mobile everywhere. @media only screen and (max-width: 780px) { #home-banner { display: none; } figure { transform: none !important; top: 0 !important; bottom: 0 !important; will-change: auto !important; } } @media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } } To turn off parallax for just that page, you can use the collection-id specific to the page: @media only screen and (max-width: 780px) { #home { display: none; } #collection-5f1c8fa3acc1cf6f0497d570 figure { transform: none !important; top: 0 !important; bottom: 0 !important; will-change: auto !important; } } @media only screen and (min-width: 781px) { #home-1 { display: none; } }
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with:
-
Hi @eliasbalk, do you have other custom code on your site? I haven't noticed this issue before, so wondering if you have competing code. If you have other code, I'd remove it and see if this works as expected on its own.
- 62 replies
-
- banner
- responsive
-
(and 1 more)
Tagged with: