-
Posts
65 -
Joined
-
Last visited
Reputation Activity
-
dvgdvgdvg got a reaction from Earvin in How to view/filter ALL blog tags?
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!
-
dvgdvgdvg got a reaction from Ziggy in How to stack blocks in tablet view like mobile view
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!
-
dvgdvgdvg got a reaction from 7TK in Basic grid blog - switching from 3 to 2 columns at medium screen widths breaks layout (7.1)
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; } }
-
dvgdvgdvg got a reaction from Beyondspace in 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"; -
dvgdvgdvg got a reaction from tuanphan in *Solved* How to change "Read More" text on blog excerpt
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!
-
dvgdvgdvg got a reaction from jenniferboddam in *Solved* How to change "Read More" text on blog excerpt
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!
-
dvgdvgdvg got a reaction from jenniferboddam in *Solved* How to change "Read More" text on blog excerpt
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; }
-
dvgdvgdvg got a reaction from breathedotdesign in 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!
-
dvgdvgdvg got a reaction from Beyondspace in Social icon circles getting cropped on mobile (7.1)
Site URL: https://cyan-teal-3zmw.squarespace.com/
The circular social icons in the footer on my site are getting cropped on mobile. Screengrab below. Does anyone know a CSS fix to prevent the edges of the circles from being cut off?
Site password: governance
-
dvgdvgdvg got a reaction from Beyondspace in Basic grid blog - switching from 3 to 2 columns at medium screen widths breaks layout (7.1)
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 got a reaction from Beyondspace in Blog collection page - move metadata to bottom + reformat date (7.1)
Works perfectly now! Thanks so much!
-
dvgdvgdvg reacted to Beyondspace in Blog collection page - move metadata to bottom + reformat date (7.1)
updated correct code
-
dvgdvgdvg got a reaction from tuanphan in Style checkboxes in embedded MailChimp subscribe form
Ah thank you for the heads up! It looks like the footer form was causing this; I removed the "width:auto" setting I'd applied to .newsletter-form-fields-wrapper and that appears to have resolved it. Let me know if the overflow/white edge is still showing up for you though. Appreciate it!
-
dvgdvgdvg got a reaction from Beyondspace in Blog collection page - move metadata to bottom + reformat date (7.1)
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
-
dvgdvgdvg got a reaction from Beyondspace in Style checkboxes in embedded MailChimp subscribe form
You're my hero @bangank36 – with some tweaks, this worked exactly as I hoped! I made some modifications and added focus states for accessibility. In case it's helpful for anyone else, here's the revised CSS:
/* hide existing checkbox */ #mc_embed_signup .mc-field-group.input-group input[type=checkbox] { position: absolute; opacity: 0; } /* new checkbox styling */ #mc_embed_signup .mc-field-group.input-group input[type=checkbox] ~ label:before { content: ''; position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: 1px solid #ABB0B2; border-radius: 3px; box-sizing: border-box; } #mc_embed_signup .mc-field-group.input-group input[type=checkbox]:focus ~ label:before { border-color: #333; } #mc_embed_signup .mc-field-group.input-group input[type=checkbox]:checked ~ label:before { background-color: #299fce; border: 1px solid #299fce; } #mc_embed_signup .mc-field-group.input-group input[type=checkbox]:focus:checked ~ label:before { border-color: #20305f!important; } #mc_embed_signup .mc-field-group.input-group input[type=checkbox]:checked ~ label:after { content: ""; position: absolute; left: 6px; top: 3px; width: 4px; height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; } /* checkbox label */ #mc_embed_signup .mc-field-group.input-group input[type=checkbox] ~ label { background-color: #fff; position: relative; display: inline-block; text-indent: 18px; }
-
dvgdvgdvg got a reaction from Beyondspace in Style checkboxes in embedded MailChimp subscribe form
Thanks so much! I'll test this out 🙂
-
dvgdvgdvg reacted to Beyondspace in Style checkboxes in embedded MailChimp subscribe form
I just updated the code to hide it using absolute positioning, you can take reference of how to hide checkbox in this article, within the scope of these questions I can not go in detail. Hope that helps
Inclusively Hiding & Styling Checkboxes and Radio Buttons (sarasoueidan.com)
-
dvgdvgdvg got a reaction from Beyondspace in Style checkboxes in embedded MailChimp subscribe form
Site URL: https://cyan-teal-3zmw.squarespace.com/subscribe
I'm looking to style the checkboxes in an embedded MailChimp subscribe form – specifically, I'm trying to change the background color when they're checked. I've tried using "input[type=checkbox]:checked" to target them in my CSS but I'm not having any luck. Any help would be hugely appreciated.
Password = governance
-
dvgdvgdvg got a reaction from Beyondspace in How to view/filter ALL blog tags?
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!