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'.

  • 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://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;
  2. 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.
  3. 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?
  4. 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
  5. 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
  6. 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*
  7. 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 of
  8. Site URL: http://www.monikafriedman.com Hi there! I have imported a custom font to my page. I've figured out how to input this via a code block, but wondering if I can also use the custom font in an image block? If you go to the homepage URL provided, you can see the custom font being used on the word "darling" in a blue quote block. I'd also love the "Hi, I'm Monika" in the top image block to be in the custom font. Is this possible? Password for site is: monika Thanks so much! Hannah
  9. Site URL: https://suzan-terzian-draft.squarespace.com/homepage-content Hi everyone, My client has requested for several changes to be made to her website homepage & I'm not sure how to do some of the changes. And what CSS codes to key in. So hope someone will be able to help me out? I've attached the URL of my client's homepage below & the list of changes I need to make. Template used is Brine template, Squarespace 7.0 https://suzan-terzian-draft.squarespace.com/homepage-content (1) 1st change - please refer to the reference site https://www.marieforleo.com.
  10. 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!
  11. 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!
  12. 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.
  13. 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 add
  14. 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.
  15. 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 😞
  16. 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 regard
  17. 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
  18. 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!
  19. 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 a
  20. 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.
  21. 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!
  22. 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!
  23. 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
  24. 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?
×
×
  • Create New...