DoppyG

That works great thank you!

Anyone have a suggestion for centralising embedded social media posts on blogs? I tried for this page https://www.opportunitygreen.org/blog/positive-climate-stories-in-june div#block-yui_3_17_2_1_1720100407292_5135 { text-align: center; } and .fu-block-yui_3_17_2_1_1720100407292_5135 { text-align: center; }

Hi there, The spacing of the "Contact" option on my nav-bar is uneven. I think this is because of some CSS I added to stop icons moving when they bolden with hover. Would appreciate it if anyone had a suggestion for making it even. https://www.sashacoalition.org/ Here's the CSS I added: /* Adjust the position of the dropdown */ .header-nav-folder-content { position: absolute; left: 50% !important; right: unset !important; -webkit-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); background: white !important; } div.header-nav-item>a:after, span.header-nav-folder-item-content:after { content: attr(data-text); content: attr(data-text) / ""; height: 0; visibility: hidden; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; display: inline-block; font-weight: bold; } /*bold on hover nav bar*/ div.header-nav-item>a:hover, span.header-nav-folder-item-content:hover { font-weight: bold; }

Hi there, I changed the aesthetic for the newsletter Icon I added next to my social icons but there's a brief lag for the image to appear with hover. Can anyone help smooth it out? https://www.sashacoalition.org/ This is the CSS I added: /*newsletter icon header desktop*/ @media only screen and (min-width:640px) { .header-actions-action--social .icon--fill:nth-of-type(3) { svg { display:none; } background-image: url(https://www.sashacoalition.org/s/Untitled-design-17.png); background-size: 100%; background-repeat: no-repeat; } } /*hover effect on header newsletter icon*/ .header-actions-action--social .icon--fill:nth-of-type(3):hover { background-image: url(https://www.sashacoalition.org/s/Untitled-design-12.png); }

Hi there, I changed the aesthetic for the newsletter Icon I added next to my social icons but there's a brief lag for the image to appear with hover. Can anyone help smooth it out? https://www.sashacoalition.org/ /*newsletter icon header desktop*/ @media only screen and (min-width:640px) { .header-actions-action--social .icon--fill:nth-of-type(3) { svg { display:none; } background-image: url(https://www.sashacoalition.org/s/Untitled-design-17.png); background-size: 100%; background-repeat: no-repeat; } } /*hover effect on header newsletter icon*/ .header-actions-action--social .icon--fill:nth-of-type(3):hover { background-image: url(https://www.sashacoalition.org/s/Untitled-design-12.png); }

Thanks @tuanphan. With that plugin do you know if there's a way of searching normal pages or just Blogs, Products, Gallery, Events, Albums? Do you have any suggestions for creating a filterable search function across my whole site that would include Publications, Press releases etc? I suppose I'm asking if there's a way of tagging/categorising pages outside of a blog and having a search function through Universal Filter that can process them? https://www.opportunitygreen.org/

Hi @tuanphan yes that's exactly the kind of thing I was looking to make! Nice one! Would you be able to share the code you used? Very much appreciated

@tuanphan have been helped here in case of interest to you: https://forum.squarespace.com/topic/248446-change-separating-delimiter-in-blog-post-to-comma/?do=findComment&comment=765302

Brill, cheers @JayVanDyke, much appreciated

Hi @JayVanDyke thanks so much for this - it helps a little (and I applied it also to .blog-meta-section .blog-meta-delimiter to keep that in check), but it doesn't work consistently throughout the page. Looking at the html it seems like the time for the animation is different depending on how far down the page the item is (see images). Is there a way of altering the HTML to include secondary metadata in the fade? Or an alternative CSS solution? Thanks so much for your help

Hi there, On my blog page I added secondary metadata (author) but it doesn't have the same fade animation. If you scroll down you'll see that the author appears before the rest of the content. https://www.opportunitygreen.org/blog Does anyone have a suggestion? Thanks so much

Thanks so much @tuanphan that worked great! I'm still struggling with the fade in time with the scroll not working for secondary metadata (in this case author). I saw here that this may involve making a second class, but I'm unsure how to do this. Please let me know what you think https://www.opportunitygreen.org/blog Cheers!

Thanks @creedon this is the page: https://www.opportunitygreen.org/blog The other problem I have is that the secondary metadata (here author name) doesn't have the same transition time as the rest of the items. Do you have a suggestion for adjusting that? Many thanks!

Hi @tuanphan I tried to use the fix for metadata font above but it didn't work, is there an updated solution? The secondary metadata isn't fading in like the rest of the page as well. Thanks so much, Daniel https://www.opportunitygreen.org/blog

Hi @creedon, I tried to use this fix as well but it didn't work - is there an updated version if it would've been influenced by any squarespace updates in the last few months? Many thanks, Daniel