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

Search the Community

Showing results for tags 'image block'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi All, I am looking for some assistance. Having issues getting side by side image blocks on the mobile view on home page and product page, understand its a matter of of a css code and there are some similarities in responses but all look unique to page. How do I find this formula? Best, Raymond
  2. Site URL: https://seadragon-poodle-hstd.squarespace.com/ Hi all, I have a page on my test website that features a poster image block. The image is pretty wide and has a narrow height, which looks perfect on a desktop screen. However, when the page is scaled down to mobile view, that wide and narrow image block looks very small due to it maintaining its original proportions. I want it to act like a banner image on Squarespace 7.1, where the banner image doesn't really shrink, but everything else does (otherwise you'd be left with an extremely narrow banner image). I've attache
  3. Site URL: http://danbeeshin.com How can I style the image block: "card" to have the photo in front of the card? With changing the background color as well? If this is how they're doing this on their site... Is this HTML and CSS? http://danbeeshin.com Using the Pedro template to recreate this.
  4. Site URL: https://wild-within-pt.squarespace.com Hi all! I'm trying to use CSS to move an image to align to the right edge of the window just in mobile view. I've been able to use CSS to get the section above to align the image block to the left edge of the screen but cannot figure out how to get the next section to move the image block to the right edge of the screen. I've attached screen shots of what I'm talking about and any help is greatly appreciated!
  5. Site URL: http://www.magicalsantaletters.ie Hi 🙂 I need help, please. I wish to make the image block in my footer (on desktop only) that says 'magical santa letters' a lot smaller. It looks perfect on mobile but massive on desktop so I'm hoping someone can help. I've looked everywhere but haven't hit on anything yet. my website is http://www.magicalsantaletters.ie and my password is 1 Thanks in advance! - Aoife
  6. Site URL: https://pear-llama-mm6f.squarespace.com/ Hi all! I wanted to find out if it would be possible to add a background to my image block and make it white, so that the image card with the white background lies on top of the pink background and looks like in the image attached (or preferably just give the text a background as in the second image)? Would this be done with CSS? If so, would anyone be so kind as to share such a code with me? Also, would it be possible to extend the height of the banner at the very top? At the current moment it's at 100% but I would love to make i
  7. Hello - I'm trying to use a custom font for the 'Image Block: Collage Title'. Does anybody know the css code for this? Thank you!
  8. Site URL: https://wombat-kale-mm79.squarespace.com/ Hello, I would like to move a drop down navigation menu I made with a code block into a collage image block's text box --- like this: https://share.getcloudapp.com/P8uyrPrm website https://wombat-kale-mm79.squarespace.com/ pass thankyousyhaya It would also be great if there was a way to animate the dropdown menu, like the inspo site does here: https://laylamartin.com/ Thank you for any help!
  9. Site URL: https://sailfish-greyhound-97yf.squarespace.com/ Hi, How can I centre these whole blocks on mobile? I like the desktop version however the mobile version I would prefer for the block to be centred underneath the image for both. https://sailfish-greyhound-97yf.squarespace.com/ PW: Leanne Thanks, Leanne
  10. Site URL: http://designsite.com Hi - the following code is supposed to provided a color hover-over effect to Poster image cards. Unfortunately, it works for all image cards. Would anyone know how to update this code so it only applies to Poster image cards? Thanks in advance. Also, not that the URL does not have an example - Sqsp required one to write this post. // Gradient Overlay on Poster Image // .image-block-v2:before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; } .image-block-v2:hover:before {
  11. Site URL: https://flashactsfestival.org/ Hi Everyone! I'm working on this specific page: https://flashactsfestival.org/gorn-galaxy PW: FAF2020 I want to adjust the percentage of horizontal space the image takes up compared to the text. Ideally, instead of 50%, I would like the image to take up 30%. I feel like this used to be a feature in 7.0? But now I cannot find it in either 7.0 or 7.1. Hoping someone can help me with the CSS for this. Thank you! Lauren
  12. Site URL: https://whale-mushroom-t6kh.squarespace.com I'm not sure why when I change the image lock to a card (anything other than inline), it adds an opacity over the image. How do I remove the image overlay?
  13. Site URL: https://www.hellodigitalco.com/ I am using Squarespace 7.0 - Brine Template. I have a Collage Block in the top header of the homepage on my site, which I can see when I'm in the editing version (screenshot attached). However, this collage block disappears when I go to my site directly. I've checked it on Chrome & Safari and the block disappears. Any ideas?
  14. Hey Guys, How can I add a border around an image? I tried with custom css but only found a code for text. See attached photo please, Thank you.
  15. How do i move the textblock closer to the image block?
  16. Site URL: https://www.voicesagainsttrafficking.com/ I am trying to get this title in image block (stack) to keep a line break between the person's name and their title... but no matter what I do it seems not to work, it removes the line break as soon as I hit "save", though on every other image block on this page, it's working just fine. What do I need to do to insert a line break in a title? This is on the home page of the site. Thanks
  17. Site URL: https://www.moondustourmother.com/myofferings Hi, Hoping someone can help me... the last circle on this page is not sizing properly. It's slightly smaller and to the left of the other ones. I've added code to all of the circle images which is below. Very mysterious to me! Any help is greatly appreciated! section[data-section-id="5f72accf50082d6ceef7dd12"]{.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper { overflow:visible !important; }} #block-yui_3_17_2_1_1601773029236_15620 img { border-radius: 50% !important; border:
  18. Hi Friends ! first post here . I am trying to create a portfolio page on my website . I want it to have a grid style image blocks but when clicked I want it to enlarge to a gallery /slideshow that can be then clicked through . Is there any way to do that ? I have been trying to figure this out for a week now ! Need urgent help !
  19. Site URL: https://ellifischer.de/blog/lesemonat-august-2020 Hello, i have a small problem with the mobile view of the pictures "Collage". I changed the order using the following code so that text comes first and then image. I was able to center the title and subtitle - and also the image if it is on the left in the normal view. Only the images on the right are still centered on the right. Unfortunately I can't find a code to address. Can anyone help me? @media (max-width: 640px){ div .sqs-block-image .image-block-outer-wrapper.image-block-v2 { flex-direction: column-rev
  20. Site URL: https://hungrymonster.co/ I have text inside an image block. Text and button overflows outside of box when resizing browser window and in Mobile view. I copied code from another image block in a different page that uses hover. I wanted the text to be visible from the start, so I changed a few lines to prevent this one from having a hover. I actually wanted black text over white background, but didn't know how to do this. Not sure is that's the reason for the issue. Any help would be greatly appreciated. Thanks! Link: https://hungrymonster.co/what-we-offer Belo
  21. Site URL: https://renfuller.com/portfolio Does anyone know if there's a code to make image blocks read horizontally on mobile instead of stacked? https://renfuller.com/portfolio Thank you!
  22. Site URL: https://www.mamondeconservation.com/services Hi all, I've been trying to resize three image blocks on the mobile view of my site, but I'm struggling! I would like to ONLY REDUCE THEIR HEIGHT, and I'm not sure whether that's actually possible. Does the height/width ratio stays the same or can it be modified? This is how you see them in the desktop view: This is the mobile view: I would like each of the images to be 1/3 of their current height so even they are stacked on top of each other, they are still all visible at once and there's no need
  23. I wanted to seek general advise. Has anyone been able to have a Lightbox Form Fill pop up through clicking an image (instead of a button). I'm aware this is possible through the Form Fill Block functionality but I would like to add some code to make the image clickable and act as the button. Any help would be greatly appreciated! Thank you!
  24. Site URL: https://www.paytonlake.com/ hi there! I'm looking to edit an image block, one that has text, an image, and a button. I'd like the link to be on the image AS WELL AS the button. Is there a way to add a clickthrough link to the image even though the link settings are set to the button?
  25. Site URL: https://lime-platinum-dk8w.squarespace.com/ I am building my site and everything looks great on Desktop. When I switch to mobile view, I'm getting a lot of overlapping. Specifically between Image Blocks (Poster). Would love anyones advice on how to prevent the overlapping of the text. I've provided two examples below. My site hasn't launched but you can use: password to access. Thank you!
  • Create New...