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

Found 17 results

  1. Site URL: https://www.bordersandblasting.com/ I'm updating a site for a customer who wanted a square image - poster block to display the page titles. They want the text to be positioned at the bottom of the image on all devices. At the moment, using the below code, I've managed to make it sit at the bottom on the mobile view, but not the desktop. Please can anyone help me with code to make it do both? Thanks hr { padding: 1px 0 1.5px 0;} .design-layout-poster .image-title-wrapper { margin-top: 190px; }
  2. Struggling with my image blocks. Wanting to have a grid 3 images on each row all inline. But when adding images of slightly different ratios it either crops them or pushes 4 onto a row. Is there a way to have set 3 images on each row inline and have them free to be there own sizes? I'm wondering if there is way to inject some code to sort this?
  3. Site URL: https://www.saylinds.com Hey folks, hoping you can help me out with coding a hover effect like this. I'm currently using Image Blocks on my Home + Work pages but ideally I'd like to use a Grid Gallery Block with a hover overlay that displays title, description, and opacity. I'm still in version 7.0 and I haven't found a code recent enough that works. Thanks in advance!
  4. Site URL: https://seabass-maroon-5h8g.squarespace.com/ For my team page (https://seabass-maroon-5h8g.squarespace.com/team-full-width), I have added custom css in order to display team members in two columns on mobile, rather than a single column. My current code is the following: @media screen and (max-width:767px) { div#page-section-5f5a7d3357b36416be95a88a>.row>.col>.row>.col { width: 50% !important; float: left !important; } div#page-section-5f5a7d3357b36416be95a88a .image-block { padding: 5px; } div#page-section-5f5a7d3357b36416be95a88a .image-block * { fo
  5. Need to change the button to a custom font in newsletter and photo blocks. I have the custom font loaded everywhere else I want on the site, but can't find the code for the buttons within image/newsletter blocks. Please help!
  6. Site URL: https://shallot-broccoli-8bm7.squarespace.com/ Hello, i have a crazy idea of reproducing this image as my front page website . I'd like to make each element interactive on hover... however i am finding it difficult to place the elements where I want and the size i want ... Does anyone have any advice to give me ? #block-yui_3_17_2_1_1600370552899_27724 {margin-left:-150px; margin-top:-100px } I'm using this but its not really letting me choose the size of the image ? Also i want to logo to stay fix at a minimum size ? is that possible ? Thank you Vani
  7. Site URL: https://www.braveryonfire.com/ Hi there, I have set the inline link color in image card blocks to be one color, but the actual link color is something different. The image card is within the "white minimal" section theme, which has the correct image card inline link color designated in Settings, and I don't have any custom CSS dealing with links (or colors at all, for that matter), so I'm stumped as to why the link color in the image card block is wrong. I'm referring to the text to the right of the logo image on the main page at https://www.braveryonfire.com/, which is w
  8. Site URL: https://icmediacenter.org/ Hi, I'm trying to add a check font awesome icon in an image subtitle on my page. How can I achieve that? Please help!
  9. Site URL: http://www.jennydeluxe.com Hi all! I'd like to change the golden circle on this page when hovered over to another image and then back to the original image once the mouse is no longer hovering. I know its possible to inject code onto the page itself, but I'd rather target the image block I already have in place. Should I call the image block wrapper or image class? I've seen many references but am confused as to what the simplest solution is for my particular site! Thank you!
  10. Site URL: https://vuvuzela-clownfish-z3mh.squarespace.com/works/the-lost-fire Hi! I'm trying to overlap two image block. It's even possible? https://vuvuzela-clownfish-z3mh.squarespace.com/works/the-lost-fire Password: clownfish Thanks in advance!!!
  11. Site URL: https://duck-buffalo-k3d3.squarespace.com Hello! I'm attempting to keep the header Constant and Fixed as I scroll through the pages. As of now it is fixed but not constant - as in it changes colors based on each page when it scrolls down I would like the header to keep the metal look when scrolling rather than changing to green. Here is the Current Code. Appreciate any help! //Header Image .header { background-image: url("https://static1.squarespace.com/static/5e8ca6472e5c376d3f69a514/t/5e9e0633a2713368e9c28d3f/1587414595997/TIB+
  12. Site URL: https://www.spicergroup.com/services On this site, we have used a poster style image block. Someone is asking for the image overlay color of dark blue to not fill the whole image. Essentially, bring the blue overlay down on top, and up on the bottom. So you would see the full color image with a strip of blue going through the middle. Is there code that would help us accomplish this? We have utilized custom CSS for the hover effect - that will stay. The text is in the form of a button with a completely transparent background. We tried to achieve a similar look to what th
  13. Site URL: http://sweet-marias.com I am trying to float a button over an image as the first image of our site. I'm sure this is easy but I seem to get stuck. See the button "wedding cakes" (Which is also transparent on Hover. That I be can do.!"
  14. Site URL: https://triangle-okra-cpcc.squarespace.com Hi there I tried to assign a scroll down to footer on my website by clicking a button. Everything works fine if that button is outside of a block image. But when the button is inside an image block, the link doesn't work anymore. Can you help me? Thank you Rachel
  15. I limited the with of my blog post content to 650px but images still show up full width. How do I contain the width of image (and video) blocks with CSS to 650px (centered) without squishing the image? I can't seem to figure it out.
  16. Hi, my website is www.thecigarbible.com On the mobile website I want to remove all left, right and top padding on the image blocks containing the text "Newsfeed" and the one with "Cigar of the month", so that the image block has no padding top, left and right of the mobile screen. I have tried several different options posted on the forum herea but none seem to work right. I am either left with padding at the top, some small padding either left or right or other content blocks on my website are effected. I am using the template: Brine. I would really appreciate some
  17. I have a nagging question that's driving me up the wall.. As you may know, adding an image in the blog using the image block (specifically) introduces padding around the image (around 10~15px?). While this isn't usually a problem, I'd like to remove (or better yet, customize) the space between, so that the images touch each other on all sides (like a photo wall). Is there a way to do this using the custom CSS function? It would seem like a fairly easy parameter to change. Any help would be greatly appreciated! p.s. Adding multiple images really is a pain on SS6 without using the gallery bloc
  • Create New...