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

Search the Community

Showing results for tags 'image card'.

  • 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. Site URL: https://mettacool.squarespace.com Is anyone else having an issue where image card titles aren't allowing line breaks? This is what it looks like in editing view with the line break... but when it goes to the live site this happens: How do I fix this?!
  2. There is a large gap between my images and the text next to it. They are set as image cards. Is there any way I can reduce this padding / distance? And also, how do you set the text to align to top of the image, not the middle? Thanks in advance!
  3. Site URL: http://www.karahardin.com Hi there, I have tried searching for a solution to this, but I can't seem to find a way to get the buttons in image cards to match the rest of my site design standards. Appears I can only do rounded buttons and I can't see anywhere to change the default color. Anyone know if this can be overridden with CSS?
  4. Site URL: https://www.enochodustudios.com/ Looking for help on how to make my image card padding seamless / no margin. Site I'm working on is https://www.enochodustudios.com/ with password is demo Any help is totally appreciated
  5. Site URL: https://www.haitisoleil.org/ Hello, I added added a collage image card on the homepage. Looks great on desktop, unfortunately in mobile it is super tiny. How do i edit the collage so image and text are the size i need them to be? I am using this code to have the text below the image. @media (max-width:640px){ .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrapper{ width:100%; margin-top:calc(0%)!important; position:relative} .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-right .intrinsi
  6. Site URL: https://giraffe-carnation-cfwm.squarespace.com/home Password - urbana How do I make this image card full height so there is no white padding around the top, bottom, and right?
  7. Hi all, Is there anyway to create a card section/container that includes a drop shadow? I would like to create these types of moduels in 7.1 for my site.
  8. Hi, I'd like to change the image width of the image in only *one* image card on my website (and keep the rest what I have set up in site styles). Anyone have the code for this? I used this per someone's suggestion to change the image width: #block-yui_3_17_2_1_1605548051376_192795 { .design-layout-card .intrinsic { width: 80% !important; } } However, then the text does not adjust to fill the white space between the photo and the text. As you can see in the photo. Thank you!
  9. Hi All- My images contain transparent backgrounds and I'd like for the background to actually remain transparent on the site. I took a quick screen shot below. The gray area of the image shouldn't be there. It is actually a transparent background. Any way to persist the transparency of the actual image to the image card? Happy to throw some css in there, but not exactly sure what to do. Thanks, Greg
  10. Site URL: https://clavichord-dahlia-ke4t.squarespace.com/ Hi, I am trying to see if it is possible to code in an extra button (making there be two) on the overlap image card? Thanks!
  11. Hi there, I'm wondering if anyone could help me with the CSS I would need to add in order to make all "image cards" sitewide carry a background image themselves? I know next to nothing about CSS, so I'm a bit stumped. I normally just google, copy and paste for anything I need, but can't seem to find anything on this. Thanks in advance!!
  12. I'm trying to make an image card full width to the screen, but every piece of code I've tried hasn't worked. Does anyone know how I might be able to do this? @tuanphan
  13. Site URL: https://www.boscopizzeria.co.uk/ Hi There, On the home page, I'm working with a portrait image (the first image on the page) and I'd like to align the text to the top of the image rather than the centre - but only in that specific image block. Is there anyway to do this? Site - https://www.boscopizzeria.co.uk/ Thanks, Kyle
  14. Site URL: https://www.qualitycupofcoffee.com Hello everyone ! Hope you had a fine week so far. I have been postponing on creating my blog area and I finally decided to get it done. I have two minor coding issue so far: www.qualitycupofcoffee.com/blog-articles-eng/engtemplate 1. Image card As you can see at the bottom of my blog template page, I am trying to create 2 images card that will refer to my newest and oldest post. - I would love to get the title and subtitle white, however I am unable to make the change appear. - I want my text alignment to match my picture. For the left i
  15. I used the code below to get the subtitle to align right with the title. Couldn't figure out how to do it in Site Styles. It doesn't stick in mobile view though. Help please? Thanks! #homepage .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-subtitle p { text-align: right !important; }
  16. Can we add accordion to the Image Cards? I have attached the image below. The highlighted text should be in accordion. Can someone help?
  17. Hi all, I have an image card overlapping the hero image on my site. It has left a big space under the image card. Anyone able to help with this? I did try reducing the padding but it won't allow me to put minus figures. Any help with be much appreciated, thank you! site: cocosatelier.co.uk pass: caview23
  18. Site URL: https://oval-buffalo-n69g.squarespace.com/home-1 I'm creating a split layout in the bedford theme and almost got it, but there's this odd spacing between the image and card itself I can't seem to get rid of. I've eliminated top and bottom padding, made the blocks full screen, but there's a gap between the image and text even though I'm using an image card. This is the code I'm using: //#** Index Split Layout**// #what-we-do-index.index-section, #services-index.index-section, #testimonials-index.index-section, #team-index.index-section { .index-section-wrapper { padd
  19. Is there code that can change the background colour of the 'card' on an image card block in SS 7.1? Screenshot attached of the intended result but there's no option in the Design > Colours section so I think code will be the only way. Thanks!
  20. Hi everyone, I have managed to add CSS to pages that include lots of images, for instance a list of team member images. When you click on each image it takes you to their individual profile page where I have an image card with text at the side. I can add CSS to change each individual image card, but as there are approx. 20 pages of individual profiles, is there a way of me adding CSS to ensure all image cards have the same rounded edges? Page with team members: https://oarfish-salmon-gpgd.squarespace.com/who-we-are password: criminaljustice If you click on an individ
  21. Site URL: https://scribelytribe.com I'm using the Image "Collage" design on a few pages of my site. I noticed that the Title field in the text block cannot be tagged as a Header. This is causing an accessibility alert with the WAVE Accessibility Checker Tool. Any manual work around for this? I'm concerned this will cause navigation issues as people with disabilities move through my site using a screen reader. Also, I want my site to be WCAG 2.0 AA compliant. This is not possible without proper tagging.
  22. Site URL: https://moments-films.de Hello :) Is is possible to make this (or a similar) picture the background of the image card in the collage-block ? I know there might me some trouble with mobile responsiveness but it has to be possible somehow, right? I'm a 100% drag-and-drop kind of person so please make your explanation as easy for me as possible :) Thank you so much an all the best from Germany :)
  23. Site URL: https://www.omarhasandesign.com/work/levarti-nkth7 Hello, I'm trying create a layout similar to the image attached, using a combination of image cards aligned left and right to create a tiled effect. Currently, in edit mode I have created a layout similar to the attached image but when I publish it, the section with the text doesn't appear (I assume this is because I am not selecting an image to accompany the copy?) When I preview in edit mode the desired design is visible, but in mobile view the empty image space is visible and creates a big gap. To create this tight gri
  24. Site URL: https://gold-rectangle-c29e.squarespace.com/ Hello Experts, How can I assign the "small size" style to the button in the image card blocks (on the home page). They seem to default to the large size, but I would like all the buttons to be the small size consistently across the site. Also, the button in my contact form doesn't match at all, I modified the background color, but don't know how to assign the. same style as the others. Any help will be greatly appreciated, Thanks!
  25. Site URL: https://sprout-tuna-swnf.squarespace.com/ Halfway down my homepage there are 4 image cards, each with a title, displaying in two columns. However, when this switches to one column on mobile, the image takes up the full width of the screen and the title sits underneath it. How would I be able to have the title sit next to the image in the same column? This would look much tider. Like this: instead of how it actually looks on mobile: Any help would be much appreciated!
  • Create New...