Jump to content

MJohn

Circle Member
  • Posts

    92
  • Joined

  • Last visited

Personal Information

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

MJohn's Achievements

  1. Thank you for this amazing countdown timer, Tuan! How can I change the duration though?
  2. Oh I'm sorry! I was sure I put in the URL. It's https://invivocue.squarespace.com/human-immune-system-mouse-himice Noted on what you're saying about the text being long but it works fine when it's a text box. So why do the buttons overlap instead of defaulting to the same layout at the text boxes?
  3. Hi everyone! How can I prevent side-by-side buttons from overlapping on smaller screen sizes (screenshot attached)? Clearly, there's something preventing side-by-side text boxes from overlapping (the white 'buttons') so what is it and how can I apply it to the actual buttons (the red outline buttons)? Thanks in advance! PW: demo
  4. I'm trying to get a few images in a blog post to be in 2 columns on mobile. I've successfully used this code on other blog posts like this one https://www.hvmc.sg/blog/christmas-peace (it's the profile photo at the end) to reduce the width of the top block and float it to the left so that the block below it comes up beside it (attached image). width: 145px; float: left; But I can't get it to work on another post I'm doing. It's currently in draft so it's not live. But can anyone give me a generic code that I can modify for any blog post? This is what I tried but it didn't work: #block-yui_3_17_2_1_1673946610225_4679, #block-yui_3_17_2_1_1673946610225_6394 { width: 50% !important; float: left !important; } The blocks do become 50% but remain vertically stacked i.e. they don't become 2 columns. Hope you can understand without a live example!
  5. That code doesn't work. Any other ideas?
  6. Site URL: https://www.hvmc.sg/blog/engaging-our-youth I used this code to make the first image on the post a bit wider than the rest of the post but I think the :first-child selector is messing up the layout of the whole page. Does anyone know what I could do instead to target the first block on a blog post? .blog-item-wrapper { overflow: hidden; .sqs-block:first-child { left: 50%; transform: translateX(-50%); width: 70vw; } }
  7. Thanks for the code! Unfortunately, what I'd like is for the month to be spelt out eg. June instead of 06. Is that possible?
  8. Is it possible to add an 'Older Posts' button for the summary block? I think the max posts for a summary block is 30 but that's way too long. I'd prefer it to be 6 posts.
  9. How can I increase the width of the blog page? It's currently narrower than the other sections on the same page. When I set it to 3 columns of posts, the content is quite squished.
  10. How many posts are shown on a blog page before it shows the Older Posts button? Can I get it to show after a specific number of posts (eg. 6)?
  11. Is it possible to change the blog page date format from dd/mm/yyyy to dd month yyyy eg. 18 June 2022?
×
×
  • 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.