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. 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; } }
  3. 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
  4. 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
  5. 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!
  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.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!!!
  8. 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!
  9. 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?
  10. 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 :)
  11. 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 :)
  12. 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.
  13. 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
  14. 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?
  15. 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!
  16. 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.
  17. 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!
  18. 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.
  19. 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!
  20. 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; }
  21. 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?
  22. 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.
  23. 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
  24. hello everyone, I am trying to create a layout similar to the screenshot below( one with colored icons) and I am struggling to add a title above the image and reduce spacing between the image and text overall. If I add a new text block, it adds so much space. A screenshot of my page is also attached ( one with two black/white icons). I would also like to move both of the icons and text a little to the center. How can I make these adjustments? Thanks for your help! Ana
  25. Site URL: https://www.or-never.com/ Hi there My image block on the home with overlay text is not displayed nice in mobile view. The text should be completely over the image or under. Now it is a mix, what does not look nice. I have no idea what css to use to fix this. Could anyone help me please? Thanks a lot*
×
×
  • Create New...