Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'image'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 478 results

  1. So please bear with me as I'm a novice when it comes to CSS or any of this. I've been trying to google answers for the past few hours now to no avail. Essentially I'm just looking to have 1:1 images, with a title and a description, stacked in 2 columns on mobile. A gallery grid does basically what I want on desktop and mobile - but doesn't show descriptions. A summary block does it too but stacks one image on top of another and when I have 60+ images, it becomes a huge scroll. I have not been able to find solutions to either of these issues so if you have a solution to either instead it'd be greatly appreciated. So now, I've just succumbed to doing individual image stacks. I've found out how to shrink the image blocks just in mobile, however I still can't them to form rows/columns despite the extra room now they have on the right (as seen in the screenshot). The code I'm using is below. Any insight would be greatly appreciated.
  2. Site URL: https://tangerine-quillfish-jtdh.squarespace.com/vaa Hello, I'm looking to display a brand logo in my template. I have inserted it as a image with some spacer blocks besides it (attached screenshot). However on mobile i don't want it spanning the full width on mobile as it looks to large, how am i: 1) Able to scale the image on mobile/not span the width? 2) Able to do it in a way that gives me my desired look? I am using a 7.1 template but would love to see if there was a way to target this element. Screenshot "Desired" is what i am trying to achieve, you can see that compared to the the actual mobile comp its much larger the logo image.
  3. How can I open all images in a gallery in a lightbox when clicking on an individual image block? I want to include an individual image in my layout since that allows me most control in terms of alignment and display ratio of the image. I would, however, like the image to open up into a gallery of images in a lightbox. Thank you.
  4. Hi, I'm new to Squarespace and am wondering why my images are failing to upload. Sometimes I need to try 4-5 times before the image actually uploads. For reference, the images are png thumbnails around 25 kb each. When I save and leave the page, return, or refresh, the places where the images should be appear as gaps on my page. Any reason why this happens? Do I keep attempting to upload over and over again until it succeeds? Thank you. Further note, I have blurred the content not relevant to this post as my website has not yet launched. Cheers.
  5. Site URL: https://www.bellchem.com Good Morning, I am attempting to add a custom button in my footer via an image, but I add the image and it looks fine when viewing on the desktop, but when I look at it on mobile, it blows up the size of the image to fit the width of the screen. How do I get it to remain small like on the desktop site? Thanks, everyone!
  6. Site URL: https://www.thislandisdigital.com/test-rectangles I've already located code to create a hover effect from a recent post (though it needs to be written for every single thumbnail). All of the tutorials and tips I've found so far replace one image with another, though, whereas I would like to overlay an image on top of the currently hovered thumbnail. The effect will basically place a border, some glowing vignette, and a few stylized notches as if looking through a camera. The test index I'm using can be found here. The image I'd like to overlay is here. My current hover code looks like this (with some extra toys thrown in while I experiment!): /* On hovering over a specific block, affect its image. */ a.project:nth-child(1):hover img, a.project:nth-child(2):hover img, a.project:nth-child(3):hover img, a.project:nth-child(4):hover img { //visibility: hidden; opacity: 50%; //border-radius: 150px; filter: blur(2px); //grayscale(100%); //invert(100%); transition: all 0.5s; } a.project:nth-child(1):hover .content-fill, a.project:nth-child(2):hover .content-fill, a.project:nth-child(3):hover .content-fill, a.project:nth-child(4):hover .content-fill { background-image: url(https://static1.squarespace.com/static/5338f2a1e4b012d5a0b4b9e7/t/5e83d5e07a31383b2b77d2d3/1585698273099/Thumbnails_HoverImage_02.png); background-size: 100%; //or: cover; background-position: center center; background-repeat: no-repeat; } How do I make the image appear over top of the thumbnails? I don't really want to fade their opacity to reveal something behind them.
  7. Site URL: https://www.hivemusic.com/spiritcity-1 Hi! I'm using a custom font on this site but am struggling to change the title and subtitle of the image card on this page to my custom ones.... https://www.hivemusic.com/spiritcity-1 I'm talking about the area that says "SPIRIT CITY" and the area below that which has the description in? Thanks! R
  8. Hey guys, I'm looking to see how I can make an image appear on top of the header font for mobile view, while still keeping it to the right of the header for desktop view. I'm using the Brine template. Any suggestions? Thank you -Jeff
  9. I have about 10,000 inventory items and I want to be able to import the into squarespace and associate an image location in the file so that I don't have to manually go in and assign each image to each inventory item. Any idea if there is a 3rd party or code out there to be able to do this?
  10. Site URL: https://www.huesofcomfort.com/contact Hi all - need big help. I would like to increase the size of my logo without it affecting the size of my header.
  11. Site URL: https://www.caroline-shenaz-hossein.com/caroline-shenaz-hossein#about-caroline-hossein I've used the collage image design throughout my website, and like it that way, *except* for one image collage on one page. The text is *way* too big. How do I override this? I've tried suggestions mentioned on other posts, but they don't work. The template is Hyde, and here's the page https://www.caroline-shenaz-hossein.com/caroline-shenaz-hossein#about-caroline-hossein Thanks so much!
  12. Site URL: https://karin-verbruggen.com Hi, I am planning to make an illustration available for downloading for free, but I'm not quite sure how to do this. Would anyone be able to tell me how to do this? Thank you!
  13. I'm just open this threat to inform you, that I just had a conversation (via chat) with the squarespace support, who told me, that this is a known issue and they are working on it! He couldn't make a statement regarding the time it will take to solve. so no fix right now (July, 11th 2019) cheersMichael
  14. Hello all - I am trying to add a banner on just the blog index page. I was able to achieve this, however I am not able to minimize the height. If I try this on any other page, i succeed but not on the blog index page. Any help is appreciated.
  15. Site URL: http://www.b2Ss.co the website is: www.b2ss.co the password is: stayinnschool19 Hey everyone thanks for taking the time to even look at this! Im having an issue with the restructuring of my page when moving to mobile. I have set up my site in the way in makes sense to me but who knows if i am even doing this the proper way but what i am trying to achive is the follwing: i have 4 images that span the screen horizontally across the top. Each image works as an icon more or less and brings you to the corresponding page. When on the computer it shows correctly and how i would like it to be on mobile. I have done some searching around and found a few bits of code to make the icons (images) smaller only on the mobile screen but cant seem to figure out how to remove the stack and line them up horizontally. Here is a look at the css i found to make the images smaller.. again idk what im doing but they did get smaller.. /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_5807 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_8124 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_13034 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1584416021346_20240 { width: 30%; } } /* tablet screens */ @media only screen and (max-width: 768px) { #block-unique-ID{ width: 100%; } } ANY AND ALL HELP WOULD BE GREATLY APPRECIATED! thank you for your time and help! looking foward to hearing from someone lol BE SAFE OUT THERE PPL! LOVE GINO
  16. Anyone else having trouble uploading images to galleries? Mine are the correct file type, correctly named, under 1MB, etc. and they keep "failing to upload". They then show up in the gallery as an empty box with the file name in the upper lefthand corner. Is this a squarespace bug??
  17. I want to not have any image for the products I am selling. How do you remove the image from product listing? And is there a template suggestion that does a better job of showing products without images? Thanks.
  18. Hello All, Can anyone please help me in figuring out how to create this effect? I want one large image with two smaller images underneath it. I'm struggling to figure how to add smaller subordinate images. Please help!!!!!!
  19. Site URL: https://studiosonder.squarespace.com/ Hello, So, I'm finally having a crack at jazzing up my site and I cannot seem to figure out where I'm going wrong. Other people seem to have images with text overlaying and mine has a large block behind it (for readability), I was wondering how to remove this? Can anyone help?
  20. Hi I use the Five template and added a few poster images to one page. The effect I would like is the poster with title+subtitle to be a little darker and on hovering over the image turning normal bright and the title+subtitle disappears. The image should also function as a link. I managed to setup a hover effect, but I have two problems: 1. Due to the brightness filter on the not hovered image, the title+subtitle are also darker. I would like them to be normal white. 2. Upon hovering the filter clears, but title+subtitle don't vanish. These are my CSS settings, yet I don't know squarespace's tags: .sqs-block-image:hover {font-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.1); brightness: 100%; transition: .6s;} .sqs-block-image:not(:hover) {filter: brightness(0.6); transition: .3s;} .sqs-block-image-link {z-index: 1;} .sqs-block-title:hover {color: rgba(0, 0, 0, 0.1);} .sqs-block-title:not(:hover) {z-index: 1;} On .sqs-block-image:hover font-color or color did not do anything. .sqs-block-title also did nothing. Any idea what could do the trick? The last resort would be to create a complete new code element, coming at the expense of ease of use. Thank you all.
  21. I was able to find the code to hide the pagination at the bottoms of the portfolio page, but can anyone help me with the code to hide the titles below each portfolio image?
  22. I'm not quite sure what happened, but all of a sudden the preview images for my blog posts are not showing up. On the "Blog" page, the preview pictures are no longer there for my blog posts, just the title. They were there as of yesterday - what is going on? Any ideas? Thanks in advance! Adventureswithheather.com
  23. Site URL: https://www.huesofcomfort.com/blog Hello all - I am trying to add a banner on just the blog index page. I was able to achieve this, however I am not able to minimize the height. If I try this on any other page, i succeed but not on the blog index page. Any help is appreciated.
  24. Hello, I am having trouble editing photos in shop using the photo editor. After I edit, the edited photo populates the product page and the shop thumbnail but NOT on the shop home page (with all the other products). It doesn’t update even when I rearrange the order or delete the original photo. The first photos that I upload to the listing remains locked on the shop home page and cannot be changed out. Thank you for your help.
  25. I'm managing my Shop page and attempting to upload product images, most of which are under 5 MB. When the image upload is complete, there is no image – it's just a blank square with a light gray cross over it. And when I try to add meta data an error message appears, suggesting the image was not uploaded at all. Please advise... thank you!
×
×
  • Create New...