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

Search the Community

Showing results for tags 'blog-post'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • France Designers ๐Ÿ‡ซ๐Ÿ‡ท's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Hello, I have successfully change the main blog summary page titles with h1.blog-title a {font-family: 'Bellota'} but when I click into any blog post from the summary page, the title is back to the previous font, are they different codes? Help. Thanks!
  2. Site URL: https://www.mayamukhopadhaya.com/work I can't find where to edit the size of the title headings for blog posts - either in the blog post itself or in the gallery view of all blog posts. As a result, the titles are larger than I would like. How can I edit the title size? I looked in Design as well as in the Edit options for the Blog. PW to site url: mayam
  3. Hey! Using this great resource from @tuanphan I have been able to figure out some simple CSS customizations, including hiding the pagination on blog posts using the code below. .item-pagination { display:none !important; } I thought I can replace .item-pagination with time.dt-published.blog-meta-item.blog-meta-itemโ€“date and .blog-meta-item.blog-meta-itemโ€“author.p-author.author to remove the Date and Author metadata respectively (location of which is outlined in the attached screenshot) but it doesn't seem to be working. It's worked flawlessly swapping out other class names but it's not working for these for some reasons. I know there is a toggle in the editor to remove these but that removes the metadata across the whole site, not just the blog that post is within (which is stupid that the settings don't just apply to that blog). I know how to correctly inject the code so it only applies to the pages I want, but I can't even get it to work in the sitewide Design>Custom CSS. The site is not published yet so I can't share the link but this should be easy to replicate on any site to test. You don't even have to save the Custom CSS to see the result. Does anyone have insight into what would need to be edited to the code above to get this to work? Is there any way to set it to have a higher priority than the toggle in the editor since it may be correct but just overrun by the built in settings? Could those classes be incorrect? Thanks!
  4. Site URL: https://www.r2rdigital.co.uk Hello! We're currently using the blog element of Squarespace to advertise job roles. What we're hoping to achieve is for the blog post to automatically delete/hide after a certain date - not sure if this is a CSS thing, but if anybody could point me in the right direction, it'd be greatly appreciated. I look forward to hearing from you and hope you all have a great day! Thanks in advance, Thomas
  5. Site URL: https://www.studiovertime.com/thoughts Hello! I'm trying to create a black and white to color rollover for blog post thumbnails (website very much under construction). I'm using this code that I found on another post in this forum: .no-touch .collection-5d7a891600952e518d49e751 .project-image { -webkit-filter: grayscale(100%); filter: grayscale(100%); &:hover, &:focus { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } I've changed .collection...project-image to section[data-section-id="5ec00d59438c273bae2f3262"]. The rollover works, but because the selector is referencing a section (I'm assuming), the effect is applied to all of the blog posts at once instead of the individual blog post thumbnail. It also includes the text, and I don't want the text affected. Is there a way to do this so that the effect only occurs when rolling over a single blog post at a time? I hope this makes sense! Thank you!
  6. Site URL: http://www.erinsalmonwrites.com I have seen this question asked twice with no response, which is such a bummer! I have been working hard to design my website the way that I want it using the Rally template. There's only one thing at this point that I wish I could change, and it is holding me back from making my design live. I would love for the thumbnail image in my blog posts to be ABOVE the title and meta data. There's no way to adjust this in the site stiles, which is why I've come here to see if anyone has a bit of CSS that would make this change. TIA for your help. ๐Ÿ™‚
  7. Site URL: https://www.recaprabbithole.com/recap/human-viruses MOBILE ONLY: This code from @tuanphan is excellent, but it only targets image blocks: /* make image fullwidth */ .blog-item-wrapper article.entry { padding-left: 0; padding-right: 0; } /* make spacing between text blocks - both side */ .blog-item-wrapper .sqs-layout>.row>.col>div:not(.image-block) { padding-left: 8vw; padding-right: 8vw; } html, body { overflow: hidden; } Page Link I want to make gallery blocks stretch full screen too. See screenshot, I want to make this gallery block also fullscreen like the image above:
  8. Site URL: https://www.recaprabbithole.com/recap/human-viruses I cant scroll on android phones. I am using some custom CSS, that @tuanphan helped create (thank you!), to make images stretch across the entire screen on my blog posts, here: @media screen and (max-width:767px) { /*This stretches the everything across the screen on the blog posts*/ /* make image fullwidth */ .blog-item-wrapper article.entry { padding-left: 0; padding-right: 0; } /* Add padding around text blocks, both sides, leaving out, image/gallery/embed - blocks */ .blog-item-wrapper .sqs-layout>.row>.col>div:not(.image-block, .gallery-block, .embed-block) { padding-left: 9vw; padding-right: 9vw; } /*This code fixes the iphone horizontal scrolling, but stops all scrolling on androids*/ html, body { overflow: hidden; } } I know the piece of code that is causing the issue: /*This code fixes the iphone horizontal scrolling, but stops all scrolling on androids*/ html, body { overflow: hidden; } But without this code above, the mobile site has a black bar on the right-hand side, allowing strange horizontal scrolling on iPhones, see attached video for issue without red code. How should I revise this code, to allow scrolling on android phones? @paul2009 Do you have any thoughts?
  9. Site URL: https://www.mayamukhopadhaya.com/work (pw = mayam) Hi there, I would like to be able to hide the headlines of each blog post in the blog grid view, while still having the headline present in the actual blog post. Is that possible in 7.1?
  10. Hi there โ€“ wondering if there is anyway to have the thumbnail that is uploaded to a blog post to display inside the blog in addiction to the grid page. Specifically looking to get it left aligned and take up 50% of the screen. site: https://tarantula-calliope-fl4m.squarespace.com/blogs/knowledge-base pass: squarespace current code โ€“ clearly not looking to have the same image on every blog so I'm looking for someone to replace the url with a thumbnail target... /* Blog Interior */ .blog-item-wrapper article.entry { padding-top: 0; padding-bottom: 0; background-image: url("https://static1.squarespace.com/static/5eb179d00c6aef0b9ed1bfaf/5eb29c388099026de92ca571/5ec9945e02f4af1d185a2ed1/1590287286817/usual_wines_temperature_1024x1024.jpeg"); background-repeat: no-repeat; background-size: 50%; }
  11. Hi there โ€“ Is there a way to put ".blog-item-title" between ".blog-meta-item--categories" & ".blog-item-author-date-wrapper"? site: https://tarantula-calliope-fl4m.squarespace.com/blogs/knowledge-base/wine-temperature-the-ideal-temperature-to-store-and-serve-wine pass: squarespace
  12. Squarespace used to allow posting a blog article via email. I can bring so many clients over from WP if I can just get this functionality back. Has anyone found/developed a work-around? I would love a plugin that would allow posting a blog article via email.
  13. Site URL: https://www.afrolatinfestyeg.com/gallery Hello there, I want to change the *Read More* button in my gallery of image to *Relieve The Moment*. Tried using some of the scripts in other questions like these but they did not work. The website URL is: https://www.afrolatinfestyeg.com/gallery Would really appreciate any help ๐Ÿ™‚ Thanks in advance
  14. I would like to change the font of my Blog Posts to a custom font. I have already upload this font to squarespace and use it as my h1 font. Is there any way to use this font for my blog headline on a BRINE template? thank you for your help. sarah ๐Ÿ™‚ My testside is: https://finch-blenny-3nam.squarespace.com/blog-1/2015/10/15/ramen-ttrek password: 123
  15. Site URL: https://www.onekindcreative.com/podcast/katrinahopper How do I change the background of a section of a blog post (for every blog post). As you see in the attached images, I am wanting to have the top section be black background, and then when I get to the writeup, change the background color to light gray, then switch to white for a callout section. I do not know which or how to reference the same part of every blog post to give it a background of #x color
  16. Site URL: https://www.onekindcreative.com/podcast/katrinahopper How do I add Banner header image to an individual blog post? I want the header background image to be what I upload to the social media image for each blog post. I came across this on youtube: Unfortunately, his code and solution is for squarespace 7.1, and I am on 7.0. I attached examples of what I want it to look like for both desktop and mobile. Thank you for helping.
  17. Hi - I'm currently using the Pazari template and the blog feature. I'd like be able to change the body background on particular posts without impacting every other blog post. For example, I have a blog post titled "Website" with the slug "/portfolio/web" and I'd like to change the background of that post. Portfolio is the name of my blog set up. I assume I would also put this under the custom CSS section? Thanks!
  18. Hello, I'm building a site using Bedford. I set the site header to transparent. And I removed the header image on blog pages as I didn't like the design. I used this code for that: /* don't show thumbnail as banner image behind blog post title (hard to read) */ .collection-type-blog .banner-thumbnail-wrapper {display: none !important;} .collection-type-blog .entry-title {display: block !important;} But now I can't see the site header or navigation on a blog post page b/c it's white and the background is transparent. Is there any way to set the background color for the site header for blog posts only (including all future posts)? Or to change the color of the logo and navigation for blog posts only? Thanks!
  19. Site URL: https://www.bandjadvisors.com Hi! So my client has this current site: https://www.bandjadvisors.com. They like how the blog posts have the thumbnail image in the banner and the title is centered. I've redesigned them into this template: https://heptagon-dandelion-n3c5.squarespace.com. Password: bandj2020 How can I add the post thumbnail image into a banner and center the title on each post? Thanks!!!
  20. Is there anyway to bulk edit blog posts? One example would be to bulk edit the tags and categories for the posts. Thanks!
  21. Site URL: https://www.ensignestates.com/home Hi, I'm trying to remove the ability for users to click through on the Images within a Summary Block on my home page. I have found a previous CSS insert on a previous post but this did not work. They are for display purposes only and does not have any content attached. Any advice / help would be appreciated.
  22. Site URL: https://www.recaprabbithole.com/ I want the most recent 10 blog posts to come up on mobile, but only 8 to come up on the desktop version (as they do now - Its currently 8 on web and mobile). What CSS do I use to make this happen?
  23. Site URL: https://www.lilsuka.com/blog I am using limerick font which I have uploaded and for the current purpose of blog title have named the title of the font 'headlines'. I am looking to assign the font for the titles of the blogs on both the blog page with all blogs, as well as individual blog pages , however I am unsure of the code to put following this: @font-face { font-family: 'Headlines'; src: url('https://static1.squarespace.com/static/5e45d285ebd98d0f4311fd46/t/5ea3172c533b4342027058c2/1587746604281/Limerick-ExtraBold.ttf'); }
  24. Site URL: https://usualwines.com/blogs/knowledge-base/tannins-in-wine Hi there โ€“ Looking to have the "Thumbnail" of a blog entry display to the left of all content and not scroll. A few people have said it would be much better as a page, but really hoping it can be a blog โ€“ is this possible??
  25. Site URL: https://weearnmedia.com Hi! I feel like this should be easy and I've seen similar queries on the forum, but everything I'm trying isn't working. Simple, I would like to add some code to hide the featured thumbnail image on every single blogpost page on the site. When you visit-- you see a HUGE image of our podcast guests's face, and it's just not aesthetically pleasing at all. Would love to ideally hide it forever while maintaining the ability to have a thumbnail image (so that it populates our homepage). Any ideas? Example blogpost: https://www.weearnmedia.com/episodes/michelle-rafter (help me get rid of these GIANT images!)
ร—
ร—
  • Create New...