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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges

Found 57 results

  1. Site URL: https://www.ensignestates.com/home Hi, I'm trying to remove the ability for users to click through on the Images within a Summary Block on my home page. I have found a previous CSS insert on a previous post but this did not work. They are for display purposes only and does not have any content attached. Any advice / help would be appreciated.
  2. I can set up rows of image and text blocks, use spaces and its clean. But when I save the edits a couple blocks shift slightly and are misaligned 😞
  3. Site URL: https://www.lyndaloves.com/about4 Hello! I want to make these images stay inline with each other (https://www.lyndaloves.com/about4) - at the moment when you change the screen size the left hand image changes height so that it is no longer in line with the right image. I have never come across this problem before so I am really confused. I have tried adding CSS to target the images and set a fixed height for both but it is not working. I am super confused because in other areas of the site I have side by side images like this and they stay inline with each other regardless of the screen size. Why are these different? Thank you!
  4. Site URL: https://www.janagermanus.be So I used the Gallery block to insert my pictures on my website. When I look on my computer it all looks fine but when I look on my iPhone the spacing between the pictures is suddenly a lot wider. I know I probably have to use some CSS code but I don't have a clue what to use. Is there someone here who can help me? Kind regards, (the password of my site is 'testwebsite' by the way) Jana
  5. 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!
  6. Site URL: http://orca-trout-3ltl.squarespace.com Hi - I've been reading forums and trying to input various codes to help this issue but so far no luck. There is blank space between the product information and the header on my page and when I click on design/image blocks I am able to see that there is actually a block there creating the space, but so far i've found no way of removing it. I've attached a screenshot of the space that I mean, with the block in question highlighted. I am on a demo account at the moment and am using the Ventura template for reference. Any help at all would be greatly appreciated, thanks!
  7. Site URL: https://www.ghostvintage.com/ I'd like to remove the padding on the image i've used inline on my home page (reducing the space between the navigation and the image). Site styles has nothing that lets me alter/change this. I'd like to reduce both the top and bottom of the header image by half.
  8. Site URL: https://provoicecincinnati.squarespace.com/clinical-education Hello, Wondering if someone would be willing to share the css code to remove a color image overlay on a single page in squarespace. I want to keep the color overlay for other pages, but on this particular page, it doesn't work well. I am using the "poster" style image block. Thanks in advance!
  9. 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?
  10. Site URL: http://www.kerez.ch/ Hello everyone :) Is there a way to rebuild the "Archive by Random" Function from this Site: http://www.kerez.ch/ We would like to display random images in a random order on every reload of the Page. And between the random imageblocks should be textblocks, but they should not change the position. maybe someone knows easy solution to this..? thank you!
  11. 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
  12. Site URL: https://arena-2.squarespace.com/approach Help needed. I want to make one figure out of three different overlapping images. Each image being clickable. And when one image/layer is clicked, then it comes to the front. how could I do this?
  13. Site URL: https://caroline-hossein.squarespace.com/caroline-shenaz-hossein On one of my image collages (https://caroline-hossein.squarespace.com/caroline-shenaz-hossein) I wanted to make the text BOX bigger, so I injected some code. This worked but it seems to also affect the size of the text IN the box. I'd like the text within the box to remain at 17, and only make the container bigger. The problem with the text can be seen when switching between screen sizes. With a bigger screen, the text also grows. So it looks fine in the mobile setting, but looks ridiculous in full screen. Does anyone know how i might fix this to keep the text size at a true 17? As can be seen in this other image text box https://caroline-hossein.squarespace.com/ it's not a problem. Thanks so much guys. My code below. div#page-5df3f0acb29aca197b85f292 .image-card-wrapper { width: 80% !Important; }
  14. Hi, I'm testing 7.1 and when I'm at the product shop overview in a template and then go to Design > Image Blocks or Products Item it doesn't work if I change anything on the left side menu I don't see the preview. Does anybody have an idea? Thanks
  15. Site URL: http://thepopart.squarespace.com Hi all, I'm trying to add custom fonts to image blocks (card, block and collage blocks) and hoping for some help. I've successfully applied custom fonts to the rest of the site, but these titles are the last group I need to change. Any advice or help would be so greatly appreciated! Thanks in advance, Taylor
  16. I have a tricky issue. I spent some time with Squarespace live chat to no avail. I want to do a standard 'insert spacer block on each side of the image to resize or centre the image'. When I insert the spacer blocks and grab one with the mouse, I can clearly see the black insert line horizontally but DO NOT see the black line vertically next to the image. The image goes almost all the way to the edge. I have made sure my Chrome browser isnt zoomed in. I have tried using a different browser. Im using Brine template. Beyond grateful if anyone can assist!
  17. Hi everyone, I am using Image Blocks (Posters) on a new website. The title text over the image is white, which is a bit hard to read when the images below have white parts in them (i.e. like clouds). This is really easy to solve by adding a dark shadow to the white text. Squarespace does not offer a standard option for adding a shadow to that text, so I have to do it with custom CSS. I have been trying to do it for a long time, so I thought I would tap into your wisdom! Here is a screenshot of the kind of images I am using. Would you be able to help me, please? 🙂
  18. Site URL: https://ticket-channel.squarespace.com/ Hi there! My website, on desktop, has a 4x4 column. I had to turn them into image block poster in order for the overlay to work with hover. The problem is, that on mobile it stacks. And it doesn't offer a nice user experience. Is there a way I can transform this into 2x2 on mobile? Instead of stacked? thank you!
  19. Site URL: https://www.jarnanaturbruksgymnasium.se/borjahososs Hej, I try to build a page with 2 image blocks like in the exempel --> diagonal But i need help with layout and how to do this. Can i cut the corner of the image in squarespace or do i need photoshop this? How can i achieve this diagonal layout? How is this behaving on different screens? Brakepoints? I am a beginner just trying to figure it out... Tanks for your help
  20. 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
  21. 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 }
  22. 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?
  23. 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
  24. Is it possible to align an image inside an image block to the left or right instead of the default center alignment?
  25. 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!
×
×
  • Create New...