melaniejaane

On 11/24/2022 at 4:14 PM, melaniejaane said:

Hey @tuanphan would you please be able to look at this sites overflow again? I thought this code worked but realised it's only working for the initial page load. If change the width of my browser window on my desktop so it gets into tablet / mobile mode, parts of the page stop scaling responsively and sometimes it creates a strange site overflow again. I noticed this first when I opened Chrome inspector in same window. Attached screenshot showing site with header and footer.

Thanks again 🙂

https://www.chrislynchmedia.com/

Update: Notified Squarespace as when I removed all code issue still occurred. I tried upgrading all the blocks to fluid engine and this managed to fix it. So must be some bug with the old 7.1 Squarespace blocks.

I am still having issues with the google ads not being responsive but may be seperate issue.

On 7/13/2022 at 12:28 AM, tuanphan said:

Try adding to Design > Custom CSS

body {
    overflow-x: hidden;
}

 

Hey @tuanphan would you please be able to look at this sites overflow again? I thought this code worked but realised it's only working for the initial page load. If change the width of my browser window on my desktop so it gets into tablet / mobile mode, parts of the page stop scaling responsively and sometimes it creates a strange site overflow again. I noticed this first when I opened Chrome inspector in same window. Attached screenshot showing site with header and footer.

Thanks again 🙂

https://www.chrislynchmedia.com/

15 hours ago, Ziggy said:

Strange problem, have you tried the plugin support forum? It's an issue that has probably come up there already: https://squarewebsites.slack.com/join/shared_invite/zt-1g24gqlgy-5GhVXknjGXe_gGijC8ARDQ#/shared-invite/email

Hey Ziggy, thanks for sending through the link. Yeah I posted it in their support forum last week but hasn't been solved yet. I know Michael gets so many requests, so thought I'd try asking here rather than adding more weight on his plate. 🙂 

Does anyone know why my CSS is not applying to summary items after the Load More button and how I can fix it?

I'm using Universal Filter, Lazy Summaries, and a js snippet for hiding/showing content on selection. 

Thanks 🙂

17 hours ago, tuanphan said:

Can you share link to page where you added it? We can check it easier

Thanks @tuanphan I ended up going back through all my blog posts and changing the bold text to H4 so I it was easier to target. Then tried some new code, managed to fix it. Thanks so much for you help! 🙂 

Is there a way to save specific comments or posts on Squarespace forum - kind of like you can with stack overflow? I was hoping that there would be a tab in my profile where I could see everything I've liked, but the only space I can find it is on my main profile and it gets drowned in other activities. Am I missing something or is this not a feature? Sorry if this is something obvious I'm missing.

Thank you so much @tuanphan so incredibly helpful! 

Only issue is now that I have added in the ellipsis icon - I notice weird and inconsistent gaps between the elements. It's hiding the text correctly but for some reason is keeping the white space / margin between the lines of text. Would you have any ideas of how to target this? Everything I've tried isn't working.

Thanks again!

13 hours ago, tuanphan said:

I did a quick demo with summary block here. You try checking

 

Thanks so much @tuanphan! What code should I use to replicate your demo? Also is it possible to turn off the title's click-through link to blog post page without turning off the click dropdown function?

Thanks again! 🙂

@tuanphan @bangank36 Thank you both for looking into this. Links to website and comment from other thread below:

Summary block page: https://www.beehyve.health/adhd-support
Blog posts: https://www.beehyve.health/adhd-support-contacts
Password:  abc

On 11/4/2022 at 8:54 PM, tuanphan said:

If Summary, click Title >> Show description, or click a text >> show description or?

Hey @tuanphan I like how it's been done on the website listed above, how it has a +/- icon added in. I was thinking an ellipsis to avoid the animation change but if +/- is just as easy, it may be more obvious for user. Below is a quick mockup to show the elements I would ideally like visible vs hidden.

I posted last week as a seperate discussion (shared below) will tag you with links to website.

Thanks so much again!! 

On 11/5/2022 at 3:02 AM, tuanphan said:

Can you share link to page? We can check it again easier

Thanks @tuanphan page is a work-in progress

Website: beehyve.health/adhd-support-contacts
Password:  abc

19 hours ago, bangank36 said:

I think we can work around with this layout by using the People section

To show and hide the information, I think you can get reference from the following post: 

 

Hope it makes sense

I actually did see this post and tried it out, only problem is it hides all of the description and there is no option to add the extra info like categories, tags etc. I was hoping there would be a way to replicate that code but apply it to blog posts or summary blocks. Do you know if that's possible or really complicated?

18 hours ago, bangank36 said:

Can you show up some screenshots/samples you want to achieve?

Hey @bangank36 thanks so much for looking into this! I haven't finalised design yet but thought functionality kind of like a large accordion grid. Do you think it looks achievable or is there a better way to do it? Thanks again! 🙂

On 10/5/2022 at 9:03 AM, JohnJohn said:

Hello everyone, 

I have a similar issue and would appreciate the community's support on this 🙂

I use the adobe font “Adelle Sans” which supports the special characters I need for Te Reo Māori – unfortunately they are always replaced with a random sans-serif font. How can I make sure the letters ā, ō, ū are always displayed with Adelle Sans, the font itself supports the characters?

Kia ora,

John

@JohnJohn@Wolfsilon is there a code to replace the text automatically rather than targeting specific instances? Ngā mihi

I'm creating a contact directory for extra healthcare providers. I want to have their name visible as well as the category + tags which would include what they do (eg. Psychiatrist), clinic name, and where they're located (Auckland, National, Online, etc). Then the rest of their details to be hidden as a dropdown.

I've seen some code to do this for list sections so was wondering if it could be applied to blog posts or summary blocks? I don't mind which one I use, I thought the Blog post page may be easier as you don't have to add code to style the text (I assume it would take a while to style each line of text in the summary blocks).

The reason I want all the info to stay in the excerpt and not click through to the blog page is because eventually I would like to add a filter so people can search by comments / practitioner type / location etc. Just don't have the funds yet for extra plugins. If it helps I do have the Lazy Summaries plugin.

I also have this code to turn off clickthrough url to blog post, may not be helpful?

<!--<style>
  .summary-title { pointer-events: none !important; }
</style>

On 2/5/2021 at 10:43 PM, tuanphan said:

Add to Page Header

<style>
  .blog-basic-grid .blog-basic-grid--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
</style>

 

@tuanphanWhen I add this code to the page header, it moves the meta data under the title, but moves both of them to the bottom of the block under the description. Do you know how I could fix that? Thanks so much!

On 9/11/2021 at 8:28 PM, tuanphan said:

Add to Design > Custom CSS

/* List Section - Make list images clickable - @tuanphan */
body.homepage li.list-item {
    position: relative;
}
body.homepage .list-item-content__button-container {
    position: static;
}
body.homepage a.list-item-content__button.sqs-block-button-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

 

Hey @tuanphan is there a way to tweak the code so the link is only applied to the image or heading but not the description? 

I have a couple of different links embedded in my description and when I apply this code it makes the entire list including description clickable which overrides existing links.

Thanks so much!! 🙂

When I applied the above code to my list section it made everything clickable including the description, and it overrided links embedded in it

Hey @tuanphan could you change the code so a dropdown could be applied to the description in a summary block?  Thanks so much! 🙂

On 4/19/2021 at 10:20 PM, tuanphan said:

Add this to Settings > Advanced > Code Injection > Header. 

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

 

Hey @tuanphan should this advanced code snippet add the additional weights as options to the site styles menu or do you also need to add CSS for each header to get it to work? Thanks

Does anyone know a way to add social links blocks under an accordion? Or if it's easier a code to convert links to icons? Image kind of shows what I'm going for. Thanks!

Okay I have momentarily deleted my site-wide code injections, css, and removed all code blocks on the duplicate page (https://carnation-sailfish-2n5d.squarespace.com/newsroom-no-code-blocks). Still there is a weird overflow situation on the home and duplicate home page. Feels like I'm going mad!

 @tuanphanI noticed you're online now, do you have any ideas on what's going on or how I can fix it?

4 hours ago, creedon said:

I don't have a solution but do have a clue. The AddThis appears to be adding the extra space. When I disabled it locally the issue went away.

Thanks so much for looking!

Very bizarre! I didn’t have any AddThis codes embedded on that page. I have now tried deleting Addthis from the CSS, Site Code Injection and individual page Code Injection but the overflow hasn’t disappeared.

I do have some Google Ads code blocks on the page but I tried removing them on a duplicate page (https://carnation-sailfish-2n5d.squarespace.com/newsroom-no-code-blocks) and it also made no difference.

Can you see any other clues?

Site URL: https://carnation-sailfish-2n5d.squarespace.com/

Site password: Navigation

Hi can anyone tell me why my home page has a weird horizontal overflow and how to stop it?

It's really strange, it's on the right hand side but only for the first half of the homepage, and then sometimes disappears by the time I scroll to the bottom / back up to the top. Is there something in my code that is causing this issue or is it a Squarespace / web glitch?

Site URL: https://flatworm-antelope-6szr.squarespace.com/christchurch

My blog has multiple categories so I have set up seperate pages to showcase each category using summary blocks.

So page 1 has a summary block above showing FEATURED blog posts in CATEGORY 1. Then below it, I have another summary block with 30 items from the same CATEGORY 1. I want to remove the featured posts in that second block.
Is there a code to EXCLUDE featured articles while keeping the blog posts in the same category?

Ideally I want the featured articles to be my top posts, not just the most recent.