Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'imageblock'.

  • 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: https://mandolin-chipmunk-lrmk.squarespace.com/articles/carter-smith Hey all, I've got a problem that's keeping our website from rolling out. I'm using the Squarespace Sidebar Plug-in on the 7.1 template, which initially caused the images in blog posts to be pushed far outside of the image wrapper. I got a fix for that which is below: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper img { left: 0; } However, that fix causes images which are stretched to not show correctly. As you can see on the third and last images on the page,
  2. Site URL: https://echidna-octopus-ewe3.squarespace.com Hello, I would like an image block to zoom in/become cropped when in mobile view: The image block with the words 'Barnabas Poffley': I like the way it looks in desktop but want it to become zoomed on mobile such that the words are the same size as the image below. does anyone have any ideas I think I have exhausted all gallery/icon block design options. I have read through here for the past few hours but struggling to make anything work for me. Any help much appreciated.
  3. Site URL: http://www.involuntaryicon.com/accessories Hi! I need to change the opacity of the white background rectangle in the image block collage to 50%. Can someone help me with a CSS? http://www.involuntaryicon.com/accessories Thank you Francesca
  4. Site URL: https://martine-emdur.squarespace.com/sydneysider-artworks/inline-image I'm displaying images on a gallery website using a blog collection for each exhibition and the client prefers the look and style of the card image - it transfers to mobile nicely and keeps the text down at the bottom of the image so it looks like a postcard of sorts. Unfortunately they also want a light box to show the image full size and while I've tried light box anything and it works super well there are just too many artworks to make this an easy solution when they are editing the site themselves. I'm
  5. Site URL: https://www.lizzy-pa.com/home For the life of me I've been trying to change the way Image block:Card looks in mobile view, because right now it sucks! I've searched everywhere but can't find an answer. Can somebody help me out? I want it to look stacked; img above, text under - width of both fit to screen. Thanks in advance!
  6. Site URL: https://uplan.io/ Hello! I would like to add pictograms to my site with text underneath. I already managed to center my text in the image text block, but i need my pictograms to stay small, but the text box to be wider. Could you please help me? Im using 7.0 Brine template. Thanks a lot! This is how it looks like now: This is how i want it to look like:
  7. Site URL: https://echidna-gardenia-fcb4.squarespace.com/ I have made a blog post template using Image Blocks, however I am keen to have unconstrained image heights for each blog post so viewers can see the full image. When in editing mode, the images appear with set widths and different heights (which is what I want). However, when viewing the desktop version and mobile versions, the Image Blocks become constrained, cropping each image to fit within the same height box. I have tried altering the container size, image block heights and overflow, however none of these tweaks are working.
  8. Site URL: https://www.efficience.ma Hello guys! I have a slight issue with my website regarding icons, I have made a small menu in a section which contains 6 image blocks which are linked to different pages on my site. On desktop they look fine but on mobile they become huge and stack on top of each other. How can i prevent this from happening? Should i format it a different way or should i inject some sort of custom code? Website in question: www.efficience.ma Any input is greatly appreciated! Thank you in advance. Regards.
  9. Hey, I'm trying to add CSS code to allow a video to play/feature in an image block, instead of a photo. I'm not sure how it works, but here's what I've tried so far. Thanks!
  10. Site URL: https://blenny-plums-wnna.squarespace.com/work-1 Website Password: Hellothere Hi, I am using the Card Image Block and I can't center align the content inside so that the image and the text are both centered inside the card. (Please see screenshot below) This is what I have tried: - Using the Squarespace Block Identifyer to get the blocks' numbers - Adding these custom css: .block-yui_3_17_2_1_1595587238787_9478{ align-items:center } - Changing the block numbers but nothing worked. I have also read the following articles to get some help but it did not wo
  11. Site URL: https://www.dthmedia.com.au/ I have a sizing issue on mobile that I would like to try and fix. The image blocks on desktop look great but when these resize for mobile, they are far too large. Is there a way at keeping these at a particular pixel width/height for both desktop and mobile? See attached screenshots to see whats happening. The icons in question appear on the following pages: https://www.dthmedia.com.au/printing and https://www.dthmedia.com.au/design Cheers, James
  12. I would like to reorder the way in which an image card displays on mobile. Currently, the image is on top followed by the title, subtitle and then button. Ideally, I would like the image to stack just underneath of the subtitle.
  13. Hi, Just wondering if anyone had the CSS custom code for Brine Family for me to take away the apparent 'padding' for the text that overlays the card image block element?? I managed to get rid of the background but each line has a colour that i can only assume is padding... but i can't work out the coding needed to get rid of it... please see image attached. The custom css coding window is in the pic... not sure what i did wrong to get the mini colour block before and after that i can change in the 'Site Styles' section via the 'text background colour' but with the coding changed, it
  14. Site URL: https://flugelhorn-orb-dtjx.squarespace.com/ Hi I was wondering if anyone could help me please. I'm trying to change the button size/text in my image block, but I can't work out how to do it. I've tried making the text smaller, but that just changes the text size of the whole paragraph above the button as well. Is there any CSS that can single out that one button? All the other buttons in my site are set at 'medium' and look fine, I don't want to change those. I've attached 2 screenshots, the button that says 'view portfolio' is the one i want to change. The other button
  15. Site URL: https://www.madera-trade.com/stockholm Team... I'm kinda stuck with my project now. The client requested a change of direction after adding a large number of products to a product catalog. He wants the site to flow like this instead. Clearly this layout isn't pulling anything from a product catalog How can I achieve this layout and click-flow? https://www.madera-trade.com/stockholm As I mentioned I loaded approximately 180 single images into a product catalog thinking the ,ultiple images would end up giving me more flexibility in layout. but he really likes
  16. Site URL: https://bailard-demo.squarespace.com/ Hi guys, fairly new Squarespace user here. I've started the creation of a website using the "Bailard" template (provided above) and for some reason I can't change the opacity on any of the image blocks used? Everything seems to have a tint to it that I'd like to get rid of. The Larger first image gives you an option to change it, but as you move down into smaller blocks that option is no longer available. I have very limited coding experience. Any help on this would be welcomed. Cheers,
  17. Hello! I would like for my image block to be full width on my homepage, and for no padding to be at the top or bottom. Is there a way to do this? Any help would be appreciated! site: https://www.uniquelydolledwigs.com password: unique1234
  18. Site URL: https://www.jaimiholker.com Hi Folks, I've created a website using Flatiron. The homepage has an image block which I would like to use the full-width of the site. Is there a way to make this image block full-width? Thanks!
  19. Site URL: http://www.galleryneptunebrown.com/thomas-2020-auction-page Hello all, What is a custom css for adding a lightbox to a card block? The card design doesn't allow the option to have a lightbox pop up to full-screen when you click the image, only the option to add a link by clicking the image. I want to be able to click the image and have the image pop up to view the whole thing (without linking to another page). It would be great if I could hover inside the lightbox to zoom in on details but I really just need the lightbox itself right now. I'm using Mojave. Thanks in advance!
  20. Hello! i am using using the image block specifically as i am using the inline Caption Overlay on Hover. i am changing the padding using this css: .sqs-block.image-block { padding: 5px 10px 15px 0px; } Now the padding of the caption overlay is not matching the image padding how can i fix it? Thanks Chen
  21. I had originally asked this question years ago (here): https://forum.squarespace.com/topic/79514-css-for-rollover-effect-on-image-block-poster/#comment-121074 The selected answer worked really well for awhile. Although it appears the coding has changed and this css blocks the link from being selected. I have tried altering the css any way possible, but I can't seem to target the issue correctly. I had originally thought the z-index may be the issue but targeting the link and changing it's z-index didn't fix the issue either. Any help would be greatly appreciated!
  22. Site URL: https://www.timdenton.info/ I'm having trouble with my images spacing correctly on mobile. I'm happy with the desktop layout, but the single images have a larger gap on them on the mobile view. I've tried many things but just can't get this gap to reduce in size. The gap between all the images that are two side by side on the desktop version space out just fine, its just the single ones. Hope that makes some sense. Any help much appreciated!
  23. Site URL: https://www.kimsedgwick.co.za/ Hi there, Looking to make my image blocks on my works page less opaque, so that one can read the text that pops up in the centre of the block when hovered over. They currently have a very opaque block when hovered over, but I would like this to be a lot more solid. See images below Thanks very much.
  24. I'm having some issues with my images not filling the image block space in full. They are set up on 'poster' layout mode which doesn't have a 'stretch' option, so the sizes are all over the place - especially in tablet/mobile format. I have used some CSS to make the images have a colour/text overlay upon hover. Was all working fine for weeks however, this issue has just arisen today. SquareSpace help couldn't figure it out so have sent to technical department for investigation, but no idea how long that would take and no guarantee of a fix. I need to launch website ASAP. A
  25. Had a thought that I'd like to play around with, which would essentially be getting a video block and text block to display side by side like a card/collage block. Particularly, I'm thinking of getting it to display vertically aligned like you can with a card block using CSS as, currently, if I place a text and video block side-by-side, the text vertically aligns to the top of the video. I also want to avoid using spacers as it's not super exact and want to avoid things looking janky on mobile. And then I'll probably use this to try and adjust block order if needed. Ideally, once I have a
×
×
  • Create New...