Jump to content

dvgdvgdvg

Member
  • Posts

    65
  • Joined

  • Last visited

Everything posted by dvgdvgdvg

  1. Try updating the formatting of your "grid-area" settings as follows: grid-area: ~"1/2/12/26"; So the full code would be: @media screen (min-width:768px) and (max-width:999px) { .fe-block-ac891789c5e3492edea1 { grid-area: ~"1/2/12/26"; } .fe-block-yui_3_17_2_1_1668550060589_15027 { grid-area: ~"13/2/18/26"; } } Let us know if that works!
  2. Just change this part in the code: var dateformat = "mm-dd-yyyy"; To this: var dateformat = "yy-mm-dd";
  3. To make your "View More" links right-aligned and add the arrow back in, try the CSS below instead: a.summary-read-more-link { visibility: hidden; } a.summary-read-more-link:after { content: "View More →"; visibility: visible; } Hope that helps!
  4. Please share your site URL (and password if applicable)
  5. Please share your site URL (and password if applicable) and we can take a look.
  6. Glad you figured out the title. 🙂 The page being discussed in this forum post is not made with summary blocks though — it's a collection page, and the difference is key. On a page using summary blocks, you can build a sidebar like you would any other content: just group whatever blocks you'd like in their own column. But collection pages are more restrictive. To achieve the sidebar on my collection page (and on the blog post pages within the collection), I used this plugin from SQSP Themes. Good luck!
  7. All instances of Squarespace-provided fonts, which on my site includes all default H4 text and CTAs/buttons (font = Brandon Grotesque) as well as all body text (font = Artigo). They are defaulting to what looks like Times New Roman or similar. Screengrab of an example attached. The only font displaying correctly in Internet Explorer, according to Safari's Responsive Design Mode preview, is the custom one I've uploaded and added to my CSS with @font-face ("BrandonTextWeb-Bold") for my H1/H2/H3.
  8. I actually just finally found the cause! It was the pagination links that were breaking the layout. I changed the "grid-column-end" setting on the pagination (from 4 to 3) and now it works perfectly. Here's the CSS in case it's helpful for anyone else: @media screen and (min-width:768px) and (max-width: 1024px) { .blog-basic-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-column-gap: 40px !important; } .blog-basic-grid .blog-list-pagination { grid-column-end: 3 !important; } }
  9. Site URL: https://cyan-teal-3zmw.squarespace.com/blog I'm working on making my basic grid blog switch from 3 columns to 2 columns at medium screen widths so the columns aren't absurdly narrow. I've applied the CSS that's been shared frequently in this forum, but the weirdest thing is happening — it totally breaks the layout, but ONLY on the main blog landing page. It works just fine if you navigate to a filtered view by category or tag, (e.g. https://cyan-teal-3zmw.squarespace.com/blog/category/In+The+News). Any help would be hugely appreciated! Here's the CSS I'm using for the column switch: @media screen and (min-width:768px) and (max-width: 1024px) { .blog-basic-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-column-gap: 40px !important; } } Site password: governance
  10. @tuanphan Just found this thread and I’m having a similar issue: none of my Squarespace fonts are displaying on Internet Explorer, only my custom fonts. Do you have a fix?? Site URL: https://cyan-teal-3zmw.squarespace.com/ Password: governance
  11. The CSS to move the metadata to the bottom worked perfectly, thank you so much! 🙏 The script to change the date isn't working though, for some reason.
  12. Site URL: https://cyan-teal-3zmw.squarespace.com/blog-posts I'm looking to achieve a couple of things on my blog collection page: 1) Move the metadata to below the other post content. (This is easily doable on summary pages via the "Design" panel but doesn't appear to be an option on collection pages.) 2) Change the date format from MM/DD/YY to Mon Day, Year. Any help would be hugely appreciated! Site password: governance
  13. Woohoo! Glad we solved it. Feel free to mark the code that worked as the 'best answer' so your question is listed as solved.
  14. Hmmm. Okay one more idea to try: [data-section-id="5fa5a1a08d0ffc3f2d151b14"] { @media screen and (max-width: 767px) { .sqs-col-4 { float: left!important; width: 45%!important; } } }
  15. Try this in your custom CSS: #block-yui_3_17_2_1_1604692235424_57878 { @media screen and (max-width: 767px) { width: 45%; float: left; } }
  16. In case this helps anyone, here's how you can do this in a blog summary block on 7.1: a.summary-read-more-link { visibility: hidden; } a.summary-read-more-link:before { content: "New Link Text →"; visibility: visible; }
  17. The bottom of the Tag Cloud settings pop-up has a slider that allows you to display up to 100 tags or categories – screengrab attached. I imagine their thinking is that no one is going to sit there and read through hundreds of tags in an unfiltered list to find a topic (that's what search is for, right?). If you need to avoid plug-ins as you said, I'd recommend ordering your tag cloud to have the most frequently used up top, and integrating a search bar to bridge the gap. Maybe someone out there can suggest a coding solution to override the 100-item limit though? Good luck!
×
×
  • 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.