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

Search the Community

Showing results for tags 'sizes'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.dianaoviedo.work/ Hello! I was wondering if anyone had any idea how I can fix this issue I'm having with the image blocks on my homepage. I've really tried everything I could think of CSS-wise and have come up with nothing that seems to work. The problem: The image blocks are all slightly different heights, despite being the same size images. And this causes the bottom of the images to be misaligned. The tops of all the images are all at the same level, but the bottoms are not. Any help you can provide would be greatly appreciated! 😊 My site: https://www.dianaoviedo.work/
  2. Site URL: https://www.redwoodlandscapes.com.au/projects Hi, I'm trying to reduce the image size of the galleries so you can see the full image and the thumbnails on the screen - currently only works when you zoom out on the website, thank you!
  3. Hello, I am trying to hide my "shop" title on the storefront page, but keep the category titles on each category page. My site is not live, but here are screenshots. Any help at all is appreciated. Thank you!
  4. Site URL: https://llama-plane-n8r8.squarespace.com/ password: hello Hi! I would like to reduce my footer height to be fairly short/thin, since it has minimal information. I noticed there are a few ways to do it with css, but none of the codes I've found seem to work. Plz help! ❀️
  5. Hello! I really like the layout overall with the Pazari template; However, I really want to change the image size/aspect ratio of the portfolio images to alternate in between Portrait and Landscape (just like on the second picture). The Pazari template only allows me to have an identical grid with portrait photos and I didn't find any solution to change that. Is this possible? Thank you very much, Justine
  6. Site URL: https://www.angeliquebrochery.com/shop Hello, Im looking to reduce the size of Β΄Shopping cart Β΄ and to put it a bit lower, can someone help me please? https://www.angeliquebrochery.com/cart
  7. Hello, Having some trouble getting images in my code block to display correctly. Trying to set up a team page with a hover image swap. My goal is that the images to fill the code block width (padding in between the blocks). Every thing looks correct in my preview window, but when I view the live site the images are full size and don't scale down to fit the block. The hover image is sized correctly, but the initial image is overlapping with the next block. Here is the custom CSS I'm using /*Team Hover Images*/ .image-swap img:nth-child(1){ position:absolute; transition:300ms; } .image-swap img:nth-child(1):hover{ opacity:0; } Here is the code block HTML <div class="image-swap"> <img src="https://images.squarespace-cdn.com/content/v1/61956c72f3da8549e1b39fc3/1649371276995-H2E7A5890D633FONK44X/KM_headshot_Pro_3.jpg?format=500w"> <img src="https://images.squarespace-cdn.com/content/v1/61956c72f3da8549e1b39fc3/1649371259500-6LNRHJMQ6HQY851AB3IJ/KM_headshot_Fun_3.jpg?format=500w"> </div> UPDATE: I found the solution... ended up finding the original tutorial I got the code from. Updated code was pinned in the top comment. https://www.youtube.com/watch?v=7WC906n4t5c YOURBLOCKID { padding: 0; margin: 17px; display: flex; align-content: center; } If you have multiple blocks with this you can separate the block ID's with commas: YOURBLOCKID, YOUROTHERBLOCKID { padding: 0; margin: 17px; display: flex; align-content: center; } Figured I'd update my post with the solution in case it can help someone else. If this is against the forum rules just let me know and I can take the post down. Hope this helps.
  8. Site URL: https://www.omegachurchsa.org/live I cant figure out how to resize my rumble embedded video so that it appears smaller on my mobile website page only. I still want to keep the desktop size the way it is (640px). I'm using an embed that Rumble provided me which I pasted into the code block on my site. Thanks.
  9. Site URL: https://elanirving.com/ Hello, I'm actually having 2 issues with one block that I'm hoping to get some help with. Unfortunately I can't remember which type of block it is. First, the images on my desktop display are great, but on mobile they're cropped, huge, and the card blocks the whole image. Is it possible to have the whole image display smaller, but correctly and horizontally, with the card below? Second, Is it possible to make that first block scroll automatically without having to use the buttons? Maybe bullets instead? : Thank you for your help!
  10. Site URL: https://www.jandspergolas.com.au/ Hello, I need help to scale the 'what we offer' gallery on the above homapage so it shows the whole image when on a mobile device. See below images of desktop and mobile: Please help, Thankyou, Cara πŸ™‚
  11. Site URL: https://www.floodedandforgotten.com/stories-and-quotes I am in 7.1, and have some photos that are in poster mode, with text overlaid. It looks fantastic in desktop mode, but once in mobile mode, the text ends up outside of the images, and everything begins to overlap. Any way to address this via CSS? I am really hoping so, because I like the appearance in desktop mode. Site: https://www.floodedandforgotten.com/stories-and-quotes Password: F&f1234
  12. Site URL: https://potato-sphere-g3k8.squarespace.com/config/ Hi! How do you change the color of the background and font on the shopping cart page? I'd like the "Shopping Cart" title to not be capitalized and match the font on the rest of my site. Also, how do you make "item," "QTY" and "Price" bigger and lowercase? Website: naonow.com Password: naonow @tuanphan
  13. I have a .PNG image, which i've optimized through Tinypng, before uploading it. After optimization it's size is 247KB according file info and the width is 1500px. Uploaded it to Squarespace. And when it's is loaded on the site the size if the image with 1500px width is 757KB. Why?
  14. Site URL: https://www.drewdepinto.com/client-1 The bottom right video block on this page consistently autoscales to a different size/aspect ratio than the others, even though I am using a custom thumbnail with the same standard aspect ratio. I've tried deleting and re-adding the block, and using different thumbnails. Could anyone help with code to fix the size? Thank you!
  15. Hello Apologies in advance for posting a most basic question. Last time I built a SS site I using an older template and I distinctly remember that you could use multiple text sizes (eg. h1 with p2) in the same text box. Was I imagining this? I've tried to mix text sizes in the latest version of the Clarkson template and no matter what I do it always converts any text in the box to the same style eg. if I choose p2 all text in the box is formatted like this. Any pointers would be most welcome Thanks!
  16. Site URL: https://saffron-snail-5gar.squarespace.com/ Hi, I'm using white png images as supporting graphics on my site. On the desktop version they are set to appear small using various spacers but on mobile they span full width. Is there a way to set a max size on mobile so I can reflect the desktop version? pass: prefir1 Thanks!
  17. Site URL: https://www.leahchandler.ca Hello, I'm having issues with image sizes when my site is viewed on mobile. Apparently spacers don't work for mobile views . For example, the image "Leah" at the end of my welcome message is massive on the phone, but normal size on desktop. Same with the image of me standing. As well, when viewing on mobile I noticed there is padding in the text box in the first image on my site, but the sunset image quote doesn't have the same padding on each side. I've attached images to show what I mean. Thanks so much for anyone that's able to assist. I appreciate it!
  18. Site URL: https://www.SierraLakesRealEstateBrokerage.com Going to mess around with it a while longer. Just hoping one of you guy on this form have encountered this before when inserting a html code. This is how it looks like right now on my page. Cuts of more than 90% of the information.
  19. Site URL: https://8tysix.com.au/ Hi Guys I am really hoping someone here can shed some light... I have been trying for days and googling and YouTubing with no luck. For some reason my button that is in the header/havigation of my page will not match the font of the navigation bar in size or font. I believe I managed to figure out how to match the font by applying a manual CSS code but the size of the text/font is smaller. Adding size in the CSS doesn't seem to help. Any help would be much appreciated! Thank You
  20. Site URL: https://www.collaclothing.com/ Hi all, Site link above. Password is colla2022 This is for a client site. My client would like a size guide (PNG file) to be available on each product page. Ultimately, I envision this to be a button on each product page that says 'Size Guide', in which the user would click the link and pop-up window with the size guide would appear. This would be on every single product page. Is there some code I can add to make this happen for every product page? Or potentially a solution that's different to having the PNG image sitting awkwardly under the product images on each page, which I know I can already do through each product page's additional information? Appreciate anyone's advice in regards to size guide layout. Thanks! πŸ™‚
  21. Site URL: https://www.portanova.pt/ Hello...I want to have a slideshow of images on main page. Because I also liked the social media buttons I decided to add a video as section's background. However in mobile view the video gets cutted. Also tried changing it to images but the same thing happens. How can a video / or iamge be resized on mobile view so it doesnt get cutted? Thankyou
  22. Site URL: https://www.midrunpress.com/ Can't figure out why the type gets larger before scaling down on responsive view on this site. Haven't seen this happen on other sites I've done. On 15" monitor full screen browser or larger type looks correct. If you narrow the window the text all jumps larger, before starting to scale down as I'd expect on responsive view. Any tips of why or how to avoid?
  23. 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
  24. Site URL: https://www.physicsowls.com/ Hello! I've added the Trustpilot Widget to my site. Unfortunately at the Trustpilot site you can't change the 'font-size' it seems. It does offer the option to change the height of the widget but this doesn't change the size of the text automatically which seems a bit silly. I tried looking through the forum and tried this code but while this changes the font size of the text called 'trustpilot' in 'edit mode' it does nothing for the font size of the trust pilot text that shows up when saved and published: //Home-page - Trying to increase the font-size of Trustpilot Widget// div#block-yui_3_17_2_1_1652721180978_2633 * { font-size: 100px; } Is there a way to do this with custom CSS or is it a Trustpilot Widget issue? It just looks so small on the website and makes me wonder if there's a better and cheaper alternative to Trustpilot instead. Thanks in advance! πŸ™‚ Latoya
  25. Site URL: http://www.moonlitdesign.uk I am so disheartened and not sure what i've done wrong. How do I create a fully responsive design where images and text do not move around when you resize the browser? i've set the media queries for mobile, tablet and laptop perfectly. There isn't one set for desktop, as I did all that coding first, then did the media queries for the other devices after. is this my issue? I'm just trying to find out what is best practices to make it work.
  • Create New...