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'.



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
  • 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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 39 results

  1. 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?
  2. Hi, On my site I design each page using individual image blocks so that I can create the layout that best presents my work. I really don't like the way that the gallery pages or other options work, they just throw everything in with equal prominence. The problem is that there's no built-in navigation between image blocks once you've clicked on an image to bring up the lightbox. I'd like to know if there is a way to connect all of the image boxes on a page so that you can navigate from image to image without leaving the lightbox, by using the arrow keys. I'm not terribly fussed whether or not there are bullet points at the bottom to indicate the number of images, and I don't care for arrow buttons because I prefer to click off an image to close the lightbox as is the default. My site is Capio Photographie in case you'd like to see how I've built my pages. They're all done the same way. Thanks in advance for any advice or code
  3. I'm trying to change the title font of the Image Block text. I used this code below and the font has already been uploaded but it's not working. Help? Image Block Overlap Custom Font.sqs-block-image .design-overlap-poster .image-title p { font-family: "ABHAYA LIBRE" !important }
  4. I'm having trouble with the poster image block looking funky on mobile. We have the image cropped where we'd like it for desktop browsers, but when it scales down to mobile it's cutting behind the text (see attached screenshots). Is there code that can help remedy this?
  5. I have an issue with irregular padding and block sizes. I am trying to create a page composed of Images in an irregular grid. 1. For some reason the images are being automatically cropped so that they don't fit their container - leaving irregular spacing between images 2. I would like to adjust the spacing between images My attempts to figure out the CSS have been a bit of guess work with no elegant fix that works. Ideally I'd like a responsive padding solution. https://jonathangallagher.squarespace.com/overview-2 Notes: - This layout is adapted from the supplied grid image layouts, which I then used the poster option on each image. - Brine Template - Bizzarely when i click on each image to edit it, it suddenly fills it's container, only to revert back once finished. - I can't to minor adjustments the containers of the images, some don't align, which is odd, as you'd expect there to be a predefined grid
  6. Is it possible to align an image inside an image block to the left or right instead of the default center alignment?
  7. I was wondering if anyone would know how to add text when hovering over an image in the Wells Template? When using the set Gallery page, there is (by default) a very faint overlay applied to the image. I would like to be able to add text to this (in the centre of the image), and possibly increase the opacity of the overlay (as it is barely perceptible). See below for an example of a Wells Gallery page: https://www.squarespace.com/templates/wells I don't mind if the CSS only applies to image blocks, and it would be great if the image could be clickable as I am hoping to construct an Index-type page, due to the fact that the Wells template doesn't include that function. I'm very much a noob when it comes to CSS, so please bear with me! Any help would be amazing 🙂
  8. I'm attempting to round the corners on my images on two different image blocks. Since Squarespace doesn't seem to natively support rounding corners on images, I was going to do some custom CSS work to round them out. I found this blog entry that gave me the script I needed to enter, but I can't actually properly references the images themselves - only the blocks. For example, here's a test case I built. I have two image blocks here, both set to the Poster design. This is on one of the default templates without any major changes, save for swapping out some text. If I hit inspect, the only ID I can find is for the blocks themselves, not the images. I could just be missing it, but this seems to be the only ID that doesn't start with yui (which I was told isn't static and will change every time the page is reloaded). If I reference this ID when I try to round my corners, I end up with this - a rounded image block. (I'm also not sure why every time I go into edit mode, the formatting on my test photos I'm using seem to break but that's a whole 'nother thing) I'm really new to all of this, so it's totally possible I just have the whole thing completely wrong. Anyone got any pointers? Thanks!
  9. My image is not auto sizig in Brine. What are the exact image dimensions required for the main banner in Brine? I feel like I am going mad as nothing is sizing at 1550px wide or 2500px wide as the support articles state is the correct sizing. Please help me. thanks x
  10. Hi there, I am wanting to create a Transperant text button on the image blocks of a single page (www.capecabin.com/thespace) so that it matches the 'take a look around' button used over a banner image on our homepage. Could anyone point me in the direction of the css code to achieve this? I would prefer the buttons to be fixed rather than visible on hover as I think I need to make it as clear as possible that you can click through to see more. x Jacqueline @capecabin
  11. I'm trying to change the size of the font in the image card. It says it's "body" text, but it doesn't match the body text on the rest of the site. I'm using the Rover template.
  12. Hi there! I added image blocks to a page on my site. I wanted to have them cascading down so that the images blocks change side each time (alternating left and right as the page goes down). However, when the browser is resized slightly, or I view it on my mobile, the image blocks resize, the image is huge and the text no longer appears to the side of the block but only sequentially through the page. How do I prevent this resize from happening so that the text always appears next to the image and never above or below it? I have attached a couple sample images, one of how it should look, and the other of how it looks after being resized. Thank you in advance!
  13. After reducing the padding and margins around my image blocks through coding, I am still left with a horizontal white spacing between some lines. These spaces show up even more when the page is viewed on a mobile, they seems to appear when images that I have placed in a row on my desktop get broken up and presented below one another on mobile. In the attached image its the thicker spacing. My template is Nueva. This is the page's custom coding: <style> .sqs-block { margin-left: -15px !important; margin-right: -15px !important; margin-top: -15px !important; margin-bottom: -15px !important; } </style> I have no idea what this spacing is or how to remove it and I have spent so long trying to work it out! Please help !
  14. 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 block, as it turns out.. It'd be nice if you could upload multiple images at once as individual image blocks. That would make posting lots of images much more manageable. Oh well..
×
×
  • Create New...