Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by JenTerpstra

  1. Everything looks very clean and aesthetically please in a minimal way. I would recommend adding footer navigation though. You want to have a copyright in the footer, and legally, you need to link to your privacy policy if nothing else. Having some basic navigation at the bottom of the page encourages people to keep clicking around, too, rather than relying on them to scroll back up.
  2. Site URL: https://theindieauthorcollective.com/sample-books/booktitle-c5b5r-k82hy-ethha-4tw2z Okay, I've been struggling with this and I'm sure someone has a quick solution for this. I want to use a simple summary block at the bottom of a book listing to add the book author's bio. I have title, excerpt, and image enabled. I'd like to vertically center the text on the image, rather than having the text all at the top. I'd also like to increase the padding between the image and the text. Screenshot attached, and I've linked to an example page I'm using as a mockup. Website password is "forumhelp."
  3. I realize this post is quite old, but figured others might find it while searching for an answer to this like I did. On my Squarespace 7.1, all I needed was the first part of this code and the uploaded font, making sure to reference the font exactly as the filename shows it in the font upload. The custom font CSS I used was also slightly different. I'll include both code snippets below in case it helps anyone using 7.1! Be sure to replace "fontfilename" in all instances with the name of the font file exactly as shown in the file upload (so whatever name comes before the .otf). //Add custom font to site title// #site-title {font-family: 'fontfilename'; } //Custom font// @font-face { font-family: fontfilename; src: url(put your URL here); }
  4. Perfect! Is it possible to move the author website under the author name?
  5. Awesome, thanks! Do you know what I would need to target to adjust the text (font, etc.)? Adding CSS tweaks to the profile wrapper doesn't seem to affect the text.
  6. For anyone else who might be looking for an answer to this question, this tutorial worked for me. I believe this plugin would also get the job done.
  7. Site URL: https://theindieauthorcollective.com/blog/blog-post-title-one-x7pad Hi all! I'm creating a new site with a blog that will have frequent guest posts, so I'm turning on the Author Profile option for the first time and am having trouble styling it with CSS—it's pretty basic and ugly by default. I've tried targeting it in Design→ Custom CSS with the .blog-item-author-profile-wrapper tag I found by Inspecting, but no CSS I apply after it makes any changes. I'd like to put a border around it and change the background color so it looks like a custom block rather than just blending in with the rest of the post text. I also want to make the text left-aligned and I would love to move the profile photo to the left of the text, but the latter might be asking too much. I had thought about faking the author bios with a summary block, but I need to be able to add links to guest posters' social media accounts and websites and haven't found a way to do that in summary blocks. Access code is "forumhelp" for the website link. Thanks for taking a look!
  8. Attached. The circled part is what I'm trying to get rid of—displayed categories. I've gotten rid of the blog post titles with some CSS: section[data-section-id="6269a65dcdc9c255bd1f431f"] .blog-basic-grid--text .blog-title {display: none;} I can't seem to get rid of the display of the categories. I have another page that I'd like to use the Grid blog style on that I need to display the blog post title and categories, and if I turn off categories altogether through the Squarespace options, it removes them from that other page as well. The CSS code for the title text works because it only removes it from a specific page, but I haven't found the right code to do that with the categories metadata as well.
  9. This doesn't work for me, either. I currently have the metadata turned on to display Categories so it will show up on the second page and added the code to the Page Header code injection for the blog page and the metadata is still showing up.
  10. When I started looking at Flarum, I was automatically directed to use FreeFlarum which is a free service that is supposed to make setup easier. They host the forum for you, and you're supposed to be able to add a CNAME DNS records to use your own subdomain, but I haven't quite been able to make that work yet.
  11. Site URL: https://ilovecreatives.com/creative-directory The site I linked is an example of what I'm trying to do. I'm setting up a similar style of directory page in Squarespace and I'm trying to figure out how to do a location dropdown like they've done here. I used a CSS Viewer browser extension and it says that they've used an Archive block, which is what I initially tried, but there is no option for Location when I insert an Archive block. There are two other dropdowns, so I'm pretty sure they haven't just input locations as Categories or Tags, or if they did, they've found a way to filter the display so only certain categories or tags appear in certain dropdowns. Does anyone know how to do this? I have figured out the summary block workaround to display locations as a list, but that's not what I was hoping for. If anyone has any suggestions, I appreciate it!
  12. I believe I'm having the same problem listed here, and this code snippet didn't work for me. I have two blogs using the Grid format on my site, one of which I want to display the Title and Categories metadata below the image and the other of which I don't want to display anything below the image. I've successfully hidden the titles using this custom css: section[data-section-id="6269a65dcdc9c255bd1f431f"] .blog-basic-grid--text .blog-title { display: none; } I can't figure out how to get the metadata to go away, though! I tried the Page Header injection suggested and it didn't work. I'm currently in trial mode on a new site.
  13. I just went in search of a solution for this same problem and this code worked perfectly for me. Thanks!
  14. Yes, I would like the color to become solid upon scroll. I tried the code you suggested for Jules and it did not fix the home page. I've left the code there for now in case you want to check it again. jenterpstra.com header#header.shrink { background-color: black !important; }
  15. tuanphan, I did have a question about this: this code worked perfectly for getting the slideshow under the header. However, when you scroll down the page, the header doesn't gain the background color like it does on other pages on my site. Is there any way to fix that? jenterpstra.com is my website. You can see the difference of how the header looks on scroll on the home page vs the blog page, for example.
  16. This worked for me! You have to have the page set as your homepage to get it to work. Then the images will do a full bleed in the header area with text on top. Thanks!
  • 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.