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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

Found 39 results

  1. Site URL: https://www.waterdragonfabrics.com/ Hi there! I am trying to create a piece of CSS code to change the font on my gallery image block (poster). The text that's in bold letters on top of the image. I have just tried piecing something together but I have not enough knowledge of CSS. Something along the lines of this: .design-layout-poster .image-title p:(color:white!important font:? size:? You can see I am not too experienced. Would appreciate your help. Also I am not sure where to take the font info from. I am imagining I can just use a font name that squarespace offers me in the site styles? Best wishes, Marco
  2. Site URL: https://fortheloversphoto.squarespace.com Hi! I've added CSS to my Image Blocks with the Caption Overlay (hover) effect to have a transparent overlay on the images. You can see the current style here: https://fortheloversphoto.squarespace.com I just realized that the hyperlinked photo is now covered by the overlay effect, so there's not clickable area on the overlay. Is there a way I can add a link to the overlay itself, with just CSS? Specifically whatever the link is for the image? I want to make sure my users will be able to click through to the linked galleries.
  3. Hey! I'm using various image blocks across a Brine template (specifically overlap, card, collage and stack). My client's copy varies in length from page to page and I'd really like to implement the image block designs more without having wonky spaces / sizing. Is there a way to customize each image block using the block's unique code in the CSS editor? Thanks so much!
  4. Hi everyone! I've been trying to add a block of color behind an image block using CSS (screenshot attached). The closest I could find was in this thread, and this was helpful, but I need help on 2 other things: If you compare my screenshot example to the example in the thread, I need help being able to move the block of color's position, so that its overlap edges only show on 2 sides (left & bottom, like in the screenshot) instead of 3 sides (like in the thread). I tried tinkering with the CSS using negative values for padding or margins, but it didn't work. I also tried adding a border to the block of color, but it puts a border around the whole area of the block, instead of just the part where the color's shaded in within the block. Could anyone help me? I'd really appreciate some CSS code that could be applied to any block as long as I use a specific block-ID (as opposed to CSS that applies to general image block types). For reference, the screenshot I've attached is from the header index of this site. Would really love some help on this! Let me know if you need any more clarifications or references. Thanks for reading!
  5. Site URL: https://www.ensignestates.com/home Hi, I'm trying to remove the ability for users to click through on the Images within a Summary Block on my home page. I have found a previous CSS insert on a previous post but this did not work. They are for display purposes only and does not have any content attached. Any advice / help would be appreciated.
  6. I can set up rows of image and text blocks, use spaces and its clean. But when I save the edits a couple blocks shift slightly and are misaligned 😞
  7. Site URL: https://www.lyndaloves.com/about4 Hello! I want to make these images stay inline with each other (https://www.lyndaloves.com/about4) - at the moment when you change the screen size the left hand image changes height so that it is no longer in line with the right image. I have never come across this problem before so I am really confused. I have tried adding CSS to target the images and set a fixed height for both but it is not working. I am super confused because in other areas of the site I have side by side images like this and they stay inline with each other regardless of the screen size. Why are these different? Thank you!
  8. Site URL: https://www.janagermanus.be So I used the Gallery block to insert my pictures on my website. When I look on my computer it all looks fine but when I look on my iPhone the spacing between the pictures is suddenly a lot wider. I know I probably have to use some CSS code but I don't have a clue what to use. Is there someone here who can help me? Kind regards, (the password of my site is 'testwebsite' by the way) Jana
  9. Site URL: http://orca-trout-3ltl.squarespace.com Hi - I've been reading forums and trying to input various codes to help this issue but so far no luck. There is blank space between the product information and the header on my page and when I click on design/image blocks I am able to see that there is actually a block there creating the space, but so far i've found no way of removing it. I've attached a screenshot of the space that I mean, with the block in question highlighted. I am on a demo account at the moment and am using the Ventura template for reference. Any help at all would be greatly appreciated, thanks!
  10. Site URL: https://www.ghostvintage.com/ I'd like to remove the padding on the image i've used inline on my home page (reducing the space between the navigation and the image). Site styles has nothing that lets me alter/change this. I'd like to reduce both the top and bottom of the header image by half.
  11. Site URL: https://gold-rectangle-c29e.squarespace.com/ Hello Experts, How can I assign the "small size" style to the button in the image card blocks (on the home page). They seem to default to the large size, but I would like all the buttons to be the small size consistently across the site. Also, the button in my contact form doesn't match at all, I modified the background color, but don't know how to assign the. same style as the others. Any help will be greatly appreciated, Thanks!
  12. Site URL: https://provoicecincinnati.squarespace.com/clinical-education Hello, Wondering if someone would be willing to share the css code to remove a color image overlay on a single page in squarespace. I want to keep the color overlay for other pages, but on this particular page, it doesn't work well. I am using the "poster" style image block. Thanks in advance!
  13. Site URL: https://victorjeffreys.squarespace.com/ Hello! I've noticed that I can no longer add a linkthrough on an image block in SS 7.1. Any workarounds for this? Check out the homepage of my site - which is a cover page and I'd like to create a link through on the image to take you to the main site. Thankyou!
  14. Site URL: http://www.kerez.ch/ Hello everyone :) Is there a way to rebuild the "Archive by Random" Function from this Site: http://www.kerez.ch/ We would like to display random images in a random order on every reload of the Page. And between the random imageblocks should be textblocks, but they should not change the position. maybe someone knows easy solution to this..? thank you!
  15. Hey guys, I'm looking to see how I can make an image appear on top of the header font for mobile view, while still keeping it to the right of the header for desktop view. I'm using the Brine template. Any suggestions? Thank you -Jeff
  16. Site URL: https://arena-2.squarespace.com/approach Help needed. I want to make one figure out of three different overlapping images. Each image being clickable. And when one image/layer is clicked, then it comes to the front. how could I do this?
  17. Site URL: https://caroline-hossein.squarespace.com/caroline-shenaz-hossein On one of my image collages (https://caroline-hossein.squarespace.com/caroline-shenaz-hossein) I wanted to make the text BOX bigger, so I injected some code. This worked but it seems to also affect the size of the text IN the box. I'd like the text within the box to remain at 17, and only make the container bigger. The problem with the text can be seen when switching between screen sizes. With a bigger screen, the text also grows. So it looks fine in the mobile setting, but looks ridiculous in full screen. Does anyone know how i might fix this to keep the text size at a true 17? As can be seen in this other image text box https://caroline-hossein.squarespace.com/ it's not a problem. Thanks so much guys. My code below. div#page-5df3f0acb29aca197b85f292 .image-card-wrapper { width: 80% !Important; }
  18. Hi, I'm testing 7.1 and when I'm at the product shop overview in a template and then go to Design > Image Blocks or Products Item it doesn't work if I change anything on the left side menu I don't see the preview. Does anybody have an idea? Thanks
  19. Site URL: http://thepopart.squarespace.com Hi all, I'm trying to add custom fonts to image blocks (card, block and collage blocks) and hoping for some help. I've successfully applied custom fonts to the rest of the site, but these titles are the last group I need to change. Any advice or help would be so greatly appreciated! Thanks in advance, Taylor
  20. I have a tricky issue. I spent some time with Squarespace live chat to no avail. I want to do a standard 'insert spacer block on each side of the image to resize or centre the image'. When I insert the spacer blocks and grab one with the mouse, I can clearly see the black insert line horizontally but DO NOT see the black line vertically next to the image. The image goes almost all the way to the edge. I have made sure my Chrome browser isnt zoomed in. I have tried using a different browser. Im using Brine template. Beyond grateful if anyone can assist!
  21. Hi everyone, I am using Image Blocks (Posters) on a new website. The title text over the image is white, which is a bit hard to read when the images below have white parts in them (i.e. like clouds). This is really easy to solve by adding a dark shadow to the white text. Squarespace does not offer a standard option for adding a shadow to that text, so I have to do it with custom CSS. I have been trying to do it for a long time, so I thought I would tap into your wisdom! Here is a screenshot of the kind of images I am using. Would you be able to help me, please? 🙂
  22. 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!
  23. Site URL: https://ticket-channel.squarespace.com/ Hi there! My website, on desktop, has a 4x4 column. I had to turn them into image block poster in order for the overlay to work with hover. The problem is, that on mobile it stacks. And it doesn't offer a nice user experience. Is there a way I can transform this into 2x2 on mobile? Instead of stacked? thank you!
  24. Site URL: https://www.jarnanaturbruksgymnasium.se/borjahososs Hej, I try to build a page with 2 image blocks like in the exempel --> diagonal But i need help with layout and how to do this. Can i cut the corner of the image in squarespace or do i need photoshop this? How can i achieve this diagonal layout? How is this behaving on different screens? Brakepoints? I am a beginner just trying to figure it out... Tanks for your help
×
×
  • Create New...