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

Search the Community

Showing results for tags 'imageblock'.



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

  1. 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!
  2. 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 work out either: https://www.will-myers.com/articles/how-to-center-image-cards-to-the-text-in-squarespace https://stackoverflow.com/questions/36108509/looking-for-centralising-an-image-in-html-blocks-on-squarespace Thank you for the help! _______
  3. 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
  4. 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.
  5. 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 leaves a tiny block of colour before and after on each line... Please help Thanks
  6. 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 that says 'learn more' is the style/size that i want to match it to. I hope this makes sense, thanks in advance.
  7. 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 how the end result is a page with multiple large images that appear like this https://www.madera-trade.com/sand Can you please advise on the steps I need to create this and what type of "not linked" page I need to create to lead the images in the most efficient manner.
  8. 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,
  9. 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
  10. 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!
  11. 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!
  12. 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
  13. 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!
  14. 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!
  15. 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.
  16. 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. Any help/advice would be massively appreciated! Thanks.
  17. 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 basic idea of how to do this, I can then mess around with it more to create some more interesting designs. Can anyone offer any help?
  18. Site URL: https://www.rosedemaris.com/ Template: Flores On my site's homepage, there's an Image Block: Poster that I like. I like the way the text overlays the image. However, I am hoping to change the current image of an orange blossom to a new photograph; when I upload the new photograph I'd like to use, the text "Rose DeMaris" is covering an important part of the photo. How can I move the text down to the bottommost part of the image so it isn't blocking it so much? I'd really like to keep the text ON the image, just lower it. I don't want to put text below the image or have it be a caption.
  19. Hello! I'm using the Hyde template, and am wondering, if possible, how one can change the width of the text box associated with an image when using the collage option. It seems the default is to make the text box the same width as the image. So as I try to make the text box wider, it's also making the image bigger (both wider and deeper), which is not what i want. I'd like the image to take up about 1/3rd of the width of the page and for the text box to take up two thirds of the width (on a computer). I hope this makes sense. Thanks so much, you guys are always great.
  20. Hello, I am doing a Price Table with Image Blocks on my website. I would like to emphasize the difference in the price tables by highlighting in bold the new items offered in the more expensive price table. The problem is selecting bold for the subtitle text doesn't make it stand out enough from the regular subtitle text color. What would be the CSS code injection to change the subtitle bold text color for the subtitles?
  21. Hello, I would like to change the thumbnails of my portfolio to a completely different image on the hover. It will link out to a site within my website, and I do not want any transitions. I don't know how to write the CSS (and exactly what/how I should label the thing I am changing).. I know I have to change each individual element and that is fine with me, but I also want the hover image to retain the size of the the image it's replacing. my website: https://sorina-vaziri-vhqm.squarespace.com/ image I would like the rotating jersey gif to change to: http://i58.tinypic.com/2vnqq1g.jpg If anyone could help me with this I would very much appreciate it :) I can't seem to find the solution for my specific problem
  22. Hi, I have three images on my home page. Right now I have the "display caption on hover" option turned on but I would like to create a rollover state for each image instead. I have the regular images and the rollover images ready to go. I just need the code. Do I need to do any additional code for the rollover image so that it conforms to the same shape and area as the regular image? For example, I have code to remove the padding from the image block for the regular image. Will this remove the padding from the rollover image or is additional code needed for this? Thank you.
  23. First off, I'm using the Montauk template. Basically, this is what I want: http://squarespace.com/templates. Notice how when you roll over an image it gets darker (presumably with an overlay?) and has text and operates like a click through link? Right now, what I have is this: http://davidkillebrew.net/music. I've done a little bit of searching and found some code to tweak to get to the point I'm at but it's not exactly what I want. I'd like my images to operate basically exactly like the ones on the squarespace templates page. I know this is probably not very difficult since it's literally on one of the main squarespace pages but I'm not very CSS savvy and I've not been able to find any answers on this site to my problem.
×
×
  • Create New...