Search the Community

Hi! My site has the Skye template currently implemented. The home page shows a series of each blog posts as tiles. It used to be that when I would share a specific blog post from the home page, the title of the post would show up as the Title for the Social Sharing. However, recently it now only uses the blog name itself regardless of what I put as the SEO Title Description when publishing. Is there a way to get this to say the intended title with this template? Not sure why it suddenly switched. I've attached images for how I have this set up. Thanks so much!!

Hi there, Newbie here! I would like to decrease the line spacing in the blog post titles. Attaching a screenshot of typical default scenario. Thank you! URL https://cube-swordfish-pexe.squarespace.com/

Hello, I currently have a site with the Mercer template and two blog sections (One's for recaps and the others for information type pages). Because of mobile formating and such (Words broken up by a hypen, for example), I'd like to hide the blog post titles when a viewer clicks on the page. The information I'd like them to see is usually in the sub-headings. I've looked around for CSS coding, but I can't seem to find anything that works. Can anyone help out here? For reference, my page is https://www.dsmithimages.com and the blog section I'm trying to alter is https://www.dsmithimages.com/pages Thanks!

I have two blog pages (one for regular posts and one for work/portfolio. How do I remove metadata from appearing on the work/portofilo blog list and post, but not from the regular blog list and page? I found this thread but I'm not sure how to choose a particular blog page when you have multiple:

I'm trying to figure out how to apply style edits to a blog post in SS 7.1. I can style the Blog Page itself, but the header and page styles do not carry over to the individual blog post page. Any help would be appreciated!

I've been able to hide the written portion via fonts in the Design tab, but the arrows still show. How can I hide the entire pagination item on blog posts via Custom CSS? Example image below:

Hey—Wondering if anyone knows a way to format blog titles on the Tudor template (Skye family). I'd like to be able to italicize just a part of titles when needed, and if possible add line breaks as well. So that something like "Title: Subtitle" could become: Title Subtitle If it helps, the site is willfenstermaker.com/writing Thanks!

I have the Tudor template. I recently added a blog. I'd like to do a thumbnail photo on the main blog page to make entries more enticing and overall more appealing. I can't seem to. Yes, I did the thumbnail photo in the actual post, but it's not showing up on main blog page. Does tudor blog function allow for thumbnail photos? Thanks

Hi SQsp. https://pepper-clarinet-ctnt.squarespace.com/nice-media (pw: HowardMarks) I am using Brine and the Thumbnail is not appearing on the blog page. Are banners not a thing on Brine? This is my first foray into Brine as I was taking the advice that its the most customisable template. However, the blog post page is very basic. I would like to handover the site to the client without asking them to upload two of the same picture. Am I missing something? Ideally, I would like a simple banner image just above the title, and meta (they are fine as they are, but could go over the banner if necessary). Any help on how I could achieve this is gratefully received. Cheers, Rob

Hello everyone. The floating pagination arrows for blog posts present in the Farro template aren't showing up for me in Chrome browsers. It seems like this is a known issue, specifically with these arrow symbols not showing in Chrome, as I believe the arrow referenced here (https://stackoverflow.com/questions/27265831/google-chrome-is-not-showing-arrow-sign) is the same one used for Farro's blog's floating pagination arrows, though I may be wrong. My website is still unpublished, so I can't link it. Has anyone else experienced this issue? Is it possible to replace the default symbols for the Farro template floating pagination arrows in blog posts? Is it possible via css? Below is some code for reference. I believe the red text is the arrow icons specifically. If necessary, I'd like to replace the default arrows with these: Right — https://fontawesome.com/icons/angle-right?style=solid Left — https://fontawesome.com/icons/angle-left?style=solid&from=io. Please let me know if any additional information is needed to solve this issue. Thanks in advance. ———————— FOR REFERENCE ———————— CSS: .tweak-icon-weight-heavy .Icon--caretLarge--left, .tweak-icon-weight-heavy .Icon--caretLarge--right, .tweak-icon-weight-heavy .Icon--caretSmall--left, .tweak-icon-weight-heavy .Icon--caretSmall--right HTML: <nav class="BlogItem-pagination clear BlogItem-pagination--loaded" data-controller="BlogItemPaginationArrows" data-controllers-bound="BlogItemPaginationArrows"> <a href="/home/traveling-with-some-intention" class="BlogItem-pagination-link BlogItem-pagination-link--prev"> <svg class="Icon Icon--caretSmall--left BlogItem-pagination-icon" viewBox="0 0 9 16"> <use xlink:href="/assets/ui-icons.svg#caret-left-small-icon"></use> </svg><!-- --><div class="BlogItem-pagination-content"> <h4 class="BlogItem-pagination-title">BLOG POST TITLE</h4> <div class="BlogItem-pagination-meta"><!-- Author --><span class="BlogItem-pagination-meta-item BlogItem-pagination-meta-item--author">AUTHOR NAME</span><!-- Date --><time class="BlogItem-pagination-meta-item BlogItem-pagination-meta-item--date" datetime="2019-10-11">October <span>11, </span>2019</time></div> </div> </a> <a href="/home/traveling-with-intention" class="BlogItem-pagination-link BlogItem-pagination-link--next"> <div class="BlogItem-pagination-content"> <h4 class="BlogItem-pagination-title">BLOG POST TITLE </h4> <div class="BlogItem-pagination-meta"><!-- Author --><span class="BlogItem-pagination-meta-item BlogItem-pagination-meta-item--author">AUTHOR NAME</span><!-- Date --><time class="BlogItem-pagination-meta-item BlogItem-pagination-meta-item--date" datetime="2019-10-10">October <span>10, </span>2019</time></div> </div><!-- --><svg class="Icon Icon--caretSmall--right BlogItem-pagination-icon" viewBox="0 0 9 16"> <use xlink:href="/assets/ui-icons.svg#caret-right-small-icon"></use> </svg> </a> </nav>

Hi, I have changed the layout of my website and now use large headings. This has also meant the blog titles are now huge on a desktop and only fit a few words on each line. Is there a way of customising the font size of just the blog titles please? I use the Horizon Template. Example of huge Blog titles: https://heathersmall-mpeople.com/news/heather-small-releases-new-moving-on-up-remixes-for-2019 Many thanks in advanced! Graham

I successfully used the code from this post (Thanks @Paul2009) to invert the color of my logo in my blog posts: https://answers.squarespace.com/questions/200238/marta-change-color-of-logo-on-blog-posts-only.html However, it didn't invert the logo for blog posts on mobile, so now my mobile blog posts still have a white logo on a white background. How can I invert the logo on blog posts on mobile? Thanks!

Hell community I have a page with a featured post at the top and a summary carousel at the bottom. How can I make it so the featured post (which happens to be the most recent) is not shown as the first post in the summary block. An example page can be found here: www.thecigarbible.com/testpage Any help would be greatly appreciated. Max

This seems a basic bit of info to know, but I cannot find an actual stated answer anywhere. In a summary block where I want to show the latest 5 posts, there is no option for that – I assume that's the default. However, it's not stated explicitly (and honestly, why should anyone have to guess at such stuff?) Also, I'd like to display the latest in a separate block above the summary block, so what I really want in the summary block is "the 5 posts previous to the current post" (which is the kind of built-in option that seems reasonable to have; I can't be the only one who wants to use that kind of style option). tia

Hello community, can somebody on here maybe help me to develop some code that will sort all the blog post in my summary in Alphabetical order. My website is: www.thecigarbible.com the blog is found under "cigar ratings & reviews" Many thanks 🙂

Hi, How does one change the background image on singular blog post, can't seem to make it work. Any ideas?

I'm going to have many blog entries, and galleries. For organization purposes, I'd like to keep them separate. However, I want to display the "latest" few additions to the home page in a kind of "news feed" style using a summary block. I'd like to have the blog posts sprinkled in with the gallery images in this feed. Is there any way to add multiple sources to the summary block? I saw a similar question from 2016, but it was closed with no resolution. I hope that it has been addressed by now?

I can't for the life of me figure out how to hide the active post in a summary block for blogs. So for instance, I want to feature a summary block showing "Related Posts," so I set it to the category of the current post, but the current post that the user is reading will still show up in the summary block. Is there a way to prevent that? There's no reason a user would want to click a link to the post they're already on, obviously. This is on the Nueva template, though I haven't seen the feature in any template I've used.

For example, one category is 'Research', and when you click the link, it takes you to a page which has a 'Blog' block which displays only posts that have the 'Research' category. At the top of the Blog block (I think within the 'Intro' section), it says 'Posts in Research' (or whatever category page you are on). How to hide it?

Want to assign h1,h2, h3 to blog feed on blog entries. all type classes for blog can be edited but no ability to control their responsive behaviour? would essentially need: blog list title font - h1 blog excerpt font - h3 blog read more link - h3 using lange template. https://www.designsuite.com.au/insight any info would be much appreciated!

I'm not quite sure what happened, but all of a sudden the preview images for my blog posts are not showing up. On the "Blog" page, the preview pictures are no longer there for my blog posts, just the title. They were there as of yesterday - what is going on? Any ideas? Thanks in advance! Adventureswithheather.com

Hi all,I'm working in the following website page:https://hqwebsitestudy.squarespace.com/home/jamdPassword: 12345678 I'd like to know if it's possible to replace the blue arrow that indicates the next post for a blue circle. I've uploaded a bluecircle.png icon on css custom files but haven't found a way to replace the svg.next-icon for the new asset. If so, what code injection can help me achieve this result for both Next (right) and Previous (left) arrows?Thanks in advance,Eliahu

I would like to change the font of my Blog Posts to a custom font. I have already added the font and am currently using it for my H1, but I don't know how to assign the custom font to blog titles. I was able to find two posts from Squarespace Answers addressing the issue, but when I navigate to the pages, it says they don't exist anymore. Any help would be greatly appreciated!!

I have applied a filter to my main blog page that filters and sorts by tags and classes. I've found you cannot add blocks or manipulate the main blog page much. Two of my sort features rely on copy that is placed in the excerpt. I'm not sure of a better solution on where to place the copy other than there to ensure it shows up on the main blog page. For my sort feature to work I am trying to add span class tags around the copy, so I can specify in the code injection what to sort. Has anyone done something similar or have any tips? If you have any advice, please email me at jenny.grant@bustle.com. This account is connected to my coworker's email. From there I can show you my site and further explain what I'm trying to do. Thank you!

Hi, I'm working on a template that doesn't display thumbnails as banners on blogs (Five). I'd rather not swap, so I'm looking for code that I can implement to pull the current page's thumbnail image to a code block. Alternatively, pulling the date/author meta to a code block would also work to solve this formatting issue. Any leads? Cheers, Devon