ChloeCL

Anyone can help please?

Hello, I'm looking into member areas, and I would like to know if it is possible to show or hide certain content on a page depending on the category of the member who is logged in. Basically everyone would be logging in to the same page, but the premium members would be able to see more options on the homepage. Is that possible?

I'm thinking that if I were to assign certain tags to the members, I could show or hide content based on their tags?

Thanks!

Ok, thanks for that!

What's interesting is that image files and PDFs open in a tab, but other file types like Zip files and 2D/3d files don't... 

44 minutes ago, paul2009 said:

If the image file is stored on Squarespace, you won't be able to achieve this.

This is because Squarespace store images on a separate content delivery network (CDN) which has a different domain name (a different "origin") than your site. There's a security mechanism called a same-origin policy which protects website visitors by preventing files being downloaded if they originate from a different URL than the website being viewed.

Did this help? Please give feedback by clicking an icon below  ⬇️

 

Thank you for your answer, that does make sense.

Is it possible to store the images on the same CDN as my website?

Hello, I'm trying to create a gallery page, where I would have all my images, and below each image there would be a title and a "download" link. When someone clicks on "download" they would be downloading the image on their computer automatically.

I've found this code on W3 Schools: https://www.w3schools.com/howto/howto_html_download_link.asp

<a href="/images/myw3schoolsimage.jpg" download>
  <img src="/images/myw3schoolsimage.jpg" alt="W3Schools">
</a>

which does exactly what I need! 

I adapted it on my Squarespace website to this:

<a href="https://static1.squarespace.com/static/5bdb20e42714e55b84eab1ce/t/6489e1afea75bd273c2c6170/1686757811651/CL01-ANT-Antinium-CUTOUT-Coolicon-Lighting-1933-factory-style-lamp-pendant-light-shade-1933-antinium-handmade-in-the-uk.png" download>
  <img src="https://www.w3schools.com/images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="auto">
</a>

but instead of the image downloading on the computer, it opens in a new tab.

It seems that Squarespace's code is overwriting my HTML code injection. I contacted support, who suggested that I asked the Forum instead.

How can I  have images being downloaded instead of opening in a new tab please?

Hello, I'm trying to do something similar, I want to replace the current account icon with this one https://fonts.google.com/icons?selected=Material Icons Outlined%3Aperson_outline%3A

My website is https://www.cooliconlighting.com/

Can anyone help please?

Thanks!

On 4/10/2022 at 2:24 PM, tuanphan said:

It looks like problem came from svg icon. Where/How did you get these icons code?

I drew it on Illustrator and exported the file as an SVG, then copied the SVG code for it. I've done the same for all the other icons of the website and didn't have any issues with them, so not sure why it's happening to this particular one

Hello, I seem to be struggling with a similar issue.

On this page, all the icons are good apart from the "accessories" one.

https://www.cooliconlighting.com/faq

I've tried the previous answers, but it is not doing anything. What is wrong with this specific icon?

Hi,

Thank you for your answer. I disabled it at the moment, by adding a x in the code:

.xFooter-inner {
  padding: 0px 17px 0px 0px !important;
}

The scrollbar is showing on every page when enabled, only on screens with a displays width of 1024px and lower, but not on mobile so far.

1 hour ago, tuanphan said:

Hi. Use this CSS code

.squarespace-comments .new-comment-area .input {
    border: none !important;
}

 

It worked, thank you!

Site URL: https://www.cooliconlighting.com/

Hello,

I have noticed some recent changes on the footer of my Brine Template website. At first, throughout the whole website, I see a second scrollbar on the right of the screen for displays widths of 1024px and lower.

I managed to find what part of my CSS was causing it, and it appears to be this:

.Footer-inner {
  padding: 0px 17px 0px 0px !important;
}

I have not touched my footer or this part of the CSS in a very long time, so I'm not sure about why it suddenly created problems. 

To fix it, I could simply remove it, however, I would like to keep the same footer. At the moment, there is an image in the top footer, and the .Footer-inner code is removing the extra spacing that would appear above the image, as well as making the image full width.

Would anyone be able to help me remove the second scrollbar while keeping my footer the way it is please?

Thank you in advance!

Does anyone have any suggestions to fix this please?

Thank you!

Site URL: https://www.cooliconlighting.com/journal/lets-talk-basics

Hello,

I'm trying to change the colour of the outline of the comments box on my blog page. So far, I managed to target the bottom part of the box by using: 

.squarespace-comments .comment-btn-wrapper,  {
   border-color: #000e2d;
  border-width: 1px;
    border-top: none;
  }

However I can't find the id of the top part of the box. Can anyone help please?

Thanks!

32 minutes ago, bangank36 said:

Have you changed/deleted the page?

I can not access it at the moment

Sorry, I forgot I changed the url in the meantime. Here's the new one: https://coolicon.squarespace.com/journal/bedroom

On 3/7/2022 at 3:48 PM, bangank36 said:

You can try adding to Home > Design > Custom Css

@media only screen and (min-width: 768px) {
  body {
    overflow: visible;
  }
/*First image block*/
  #block-yui_3_17_2_1_1644327177946_41007 + .row  > .col:first-child {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
  }
}

Let me know how it works on your site

Do you have another idea on how to achieve this?

Thanks!

Thank you for your answer. I've added your code on my site, but it doesn't look like it changed anything. I've tried with both the block id you gave (the one for the line just above the image) and the block id for the image, and the results were the same. 

Site URL: https://coolicon.squarespace.com/journal/bedroom

Hello, 

My blog articles have an image on the left, and text that goes with it on the right. I'm trying to have the image to stay in place while scrolling down the page to read the paragraph associated with that image on each blog post. Then once the paragraph is read, the rest of the page scrolls down. 

An example of a site that does what I want is https://www.kinfolk.com/erchen-chang-2/ . The first paragraph and image moving at different times is what I am trying to achieve. 

Can anyone help? Thanks in advance!