-
Posts
65 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
dvgdvgdvg's Achievements
-
Earvin reacted to a post in a topic: How to view/filter ALL blog tags?
-
Ziggy reacted to a post in a topic: How to stack blocks in tablet view like mobile view
-
dvgdvgdvg started following How to stack blocks in tablet view like mobile view
-
How to stack blocks in tablet view like mobile view
dvgdvgdvg replied to Illusterre's topic in Customize with code
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! -
7TK reacted to a post in a topic: Basic grid blog - switching from 3 to 2 columns at medium screen widths breaks layout (7.1)
-
Beyondspace reacted to a post in a topic: Blog collection page - move metadata to bottom + reformat date (7.1)
-
Just change this part in the code: var dateformat = "mm-dd-yyyy"; To this: var dateformat = "yy-mm-dd";
- 35 replies
-
tuanphan reacted to a post in a topic: *Solved* How to change "Read More" text on blog excerpt
-
jenniferboddam reacted to a post in a topic: *Solved* How to change "Read More" text on blog excerpt
-
*Solved* How to change "Read More" text on blog excerpt
dvgdvgdvg replied to sararankin's topic in Customize with code
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! -
*Solved* How to change "Read More" text on blog excerpt
dvgdvgdvg replied to sararankin's topic in Customize with code
Please share your site URL (and password if applicable) -
jenniferboddam reacted to a post in a topic: *Solved* How to change "Read More" text on blog excerpt
-
*Solved* How to change "Read More" text on blog excerpt
dvgdvgdvg replied to sararankin's topic in Customize with code
Please share your site URL (and password if applicable) and we can take a look. -
breathedotdesign reacted to a post in a topic: Basic grid blog - switching from 3 to 2 columns at medium screen widths breaks layout (7.1)
-
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!
-
Font displays differently on different browsers
dvgdvgdvg replied to MMCAC's topic in Site Design & Styles
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. -
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; } }
-
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
-
dvgdvgdvg reacted to a post in a topic: Blog collection page - move metadata to bottom + reformat date (7.1)
-
Font displays differently on different browsers
dvgdvgdvg replied to MMCAC's topic in Site Design & Styles
@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 -
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.
- 35 replies
-
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
- 35 replies
-
dvgdvgdvg changed their profile photo
-
Side-by-side Columns in Mobile Footer 7.1
dvgdvgdvg replied to alexandriam's topic in Customize with code
Woohoo! Glad we solved it. Feel free to mark the code that worked as the 'best answer' so your question is listed as solved. -
Side-by-side Columns in Mobile Footer 7.1
dvgdvgdvg replied to alexandriam's topic in Customize with code
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; } } }