Jump to content

dvgdvgdvg

Member
  • Posts

    65
  • Joined

  • Last visited

Reputation Activity

  1. Like
    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!

  2. Like
    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!
  3. Like
    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; } }  
  4. Like
    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";
  5. Like
    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!
  6. Like
    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!
  7. Like
    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; }  
  8. Like
    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!
  9. Like
    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

  10. Like
    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

  11. Like
    dvgdvgdvg got a reaction from Beyondspace in Blog collection page - move metadata to bottom + reformat date (7.1)   
    Works perfectly now! Thanks so much!
  12. Thanks
  13. Like
    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!
  14. Like
    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

  15. Like
    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; }  
  16. Like
    dvgdvgdvg got a reaction from Beyondspace in Style checkboxes in embedded MailChimp subscribe form   
    Thanks so much! I'll test this out 🙂
  17. Thanks
    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)
  18. Like
    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
  19. Like
    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!

×
×
  • 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.