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


Expert ID

Found 66 results

  1. 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 !
  2. 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!
  3. 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-reverse !important; display: flex !important; align-items: center; } } // Padding Between Text and Image // @media screen and (max-width:640px) { .sqs-block.image-block .image-caption-wrapper p { text-align: center !important; } } @media (max-width: 640px){ .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card { padding-bottom: 50px !important; padding-top: 30% !important; margin: 0 auto; } }
  4. 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?
  5. 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
  6. 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 Below is the code: #block-yui_3_17_2_1_1599151758377_28456 .image-card-wrapper { visibility: visible !important; font-color: #fff !important; opacity: 100; transition-duration: 1s; background-color: hsl(244, 39%, 55%) } .code-block { padding: 0 !important; } #block-yui_3_17_2_1_1599151758377_28456 :hover .image-card-wrapper { visibility: visible; opacity: 100; border-radius: 11px; background-color: hsl(244, 39%, 55%) }
  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://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!
  9. 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 to scroll down. I've tried CSS code: @media screen and (max-width: 640px) { #blockidnumber { width: 80% !important; margin: 0 auto; } which works fine to modify the width, but if I change the % in height and keep the same width, nothing happens. Thanks in advance!!!
  10. 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!
  11. 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?
  12. 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.
  13. 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!
  14. 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 me :)
  15. 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/work/music-on Last block has multiple images and you see the space is larger :)
  16. 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.
  17. 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
  18. 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!
  19. 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?
  20. 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.
  21. 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!
  22. Site URL: https://burgundy-crow-wpya.squarespace.com/ Hey everyone! This is driving me nuts. I am trying to overlap the image block over the index gallery. I've set all relevant sections to overflow:visible and checked all z-indexes but no dice. Screenshot is attached, sample code is below - what am I missing? Password to the demo site is plough #content.Index-gallery{ overflow: visible; } #block-yui_3_17_2_1_1594395362623_4899 { transform: translateY(-80%); position:relative; z-index:100; } #content.Index-page { overflow: visible; }
  23. Site URL: http://danbeeshin.com How can I style the image block: "card" to have the photo in front of the card? With changing the background color as well? If this is how they're doing this on their site... Is this HTML and CSS? http://danbeeshin.com Using the Pedro template to recreate this.
  24. The text on the poster expands beyond my image. How would I remove the image on mobile sites if the text is too large for it?
  25. Site URL: https://saxophone-caterpillar-j8fn.squarespace.com/test Hi! I'm trying to remove all distance between image blocks. I managed to do it on desktop. But when I use two blocks one next to the other and the mobile version moves the second block below there's a white space. .sqs-block.image-block { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 !important} Thank you!!! https://saxophone-caterpillar-j8fn.squarespace.com/test Password: test
×
×
  • Create New...