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


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


Expert ID

  1. 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 {
  2. 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
  3. 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?
  4. 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?
  5. 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.
  6. How do i move the textblock closer to the image block?
  7. 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
  8. 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:
  9. 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 !
  10. 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!
  11. 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
  12. 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
  13. 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!
  14. 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
  15. 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!
  16. 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?
  17. 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!
  18. Site URL: https://www.goodcopybadart.com/exec-sum It seems that when putting multiple image blocks in a row Squarespace (at least the Avenir template) optimises them to be similar in width. How can I reverse this so that the images would be similar in height, not in width? The images in my case are originally taken from a comic book with 9 panels (3 rows of 3 pictures), but when I upload them one by one using image blocks the structure breaks because of how they are forced to be similar in width instead of height. Hopefully someone has the right answer, Googling for it didn't work for
  19. Site URL: https://roadrunner-elephant-4rfm.squarespace.com/ I'm looking to change the padding between images inside the same image block. password: elephant With CSS I managed to get the padding right for my image block galleries (site wide). Now I can control the height of an image, combine blocks stacked and side by side, and the page converts nicely on mobile. It would be perfect if I can also get the same padding for multiple images in the same image block because it's still easier than adding a new block for each. https://roadrunner-elephant-4rfm.squarespace.com/w
  20. Site URL: https://www.domaniquejazmindesigns.com/ Hi all! Is anyone able to help me come up with some coding to change the left & right margins on my image:card blocks for mobile? I know there is a slider to change this in site styles but I actually like the way it looks on desktop, just not happy with the extra spacing on mobile view.
  21. Site URL: https://oboe-chameleon-7sgl.squarespace.com/offerings-in-depth-1 Hi! I would like to change the size of the heading font on an image block and wondering how to do so. I learned how to change the font, but can you tell me how to change the size so it's smaller + text padding? https://oboe-chameleon-7sgl.squarespace.com/offerings-in-depth-1 pw: mojave /* Image blocks and button in image blocks */ .sqs-block-image * { font-family: "Futura" !important; } Thank you! @tuanphan
  22. Site URL: https://ashlynnwhalley.com/about Looking for help with how to re-configure how my text stacks on my image (overlap layout) on mobile. I'm using custom fonts, but even with regular fonts it wouldn't stack correctly. Example page: ashlynnwhalley.com/about (on mobile) Ideally I'd like the text to move UNDER the image on mobile. Thank you!
  23. Site URL: https://guppy-turquoise-98pn.squarespace.com/config/ Please help with adding custom css to get a shadow behind the white text on image blocks, across the site. I have tried multiple suggestions, found on the matter, but the CSS does nothing?
  24. Site URL: https://k2.life This is how it looks on a desktop version, how would I go about making two images at a time to show? Also is it possible to make the "Some of Our Recent Customers" to display at the beginning rather than the middle.
  25. Wondering how to align the text to the bottom center of an image block: poster using CSS? Can only find a way in the site style for left, right and center to the whole image. Appreciate any help!
×
×
  • Create New...