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.meganhochstrasser.com/ I have three main words ("projects") listed on the homepage of my site (screenshot 1). They look great on desktop but on mobile, the word "Communication" is so large that it extends off the screen. This is also happening in the header on the Communication page (2) and in the bottom-screen navigation that directs users from the Science page to the Communication page (3). Is there a way to adjust these without making them smaller on desktop? https://www.meganhochstrasser.com/, pw: J@s7w^3$U3GYwv Thank you in advance for any help!
  2. Site URL: https://porpoise-grapefruit-3xzj.squarespace.com/config/pages Hi everyone, I'm looking to reduce the size of the partner logos in the team section I created. On desktop it's really good but on mobile it's way too big. And even if possible put several next to each other if possible. Does anyone have a CSS code? Thanks a lot
  3. Hello guys, I have an issue with the project image size. All my project links are icons, so I'd like to control the size when people view it on monitor or on their phone. How do I fix the image so that it doesn't scale when it comes to project image? I can't find one online, only for normal images or suggestion from changing column from edit.
  4. Site URL: https://visuatest.squarespace.com/ Hi, I'm having issues with the header hiding 1/3 of the background video on my home page. I try using padding and margin, but the distance of the padding or the margin is noticeable when I move to the mobile version. I would like the header to not crop the video, but also I want the video to be resized depending on the display size; because at the moment, the video will be cropped depending if is in the pc or mobile version.
  5. Site URL: https://www.lotushealing.fr/reiki-distance-fr Hello everyone My website looks good on computer, however on mobile, i would like to resize an image with text that has to look like a banner. It has to get bigger Does anyone know how to do? Code block is #block-yui_3_17_2_1_1641414707627_14536 how it is VS how i want it to be (readable)
  6. Site URL: https://www.mymanagr.com/ Hello, I am working on a website in Squarespace 7.1 (www.mymanagr.com) (PW: mike123) and am looking for help regarding section two on the homepage with the gallery slideshow. The slideshow image on mobile and tablet has tons of extra space above and below it. I need the section height and width to remain large on web so the image is big, but need to change the height and width to small on mobile and tablet so there isn't so much space. Is this possible to do with custom code? Thanks in advance.
  7. Site URL: https://sparrow-hyperboloid-rk2n.squarespace.com/config/ This is for my personal website... I have tried and looked for any code that will help me adjust the header so that my name is not cut off in Mobile version. In desktop version, (see image below) it is just fine. Only in mobile does it cut off half my name. Any help you could provide to adjust this would be greatly appreciated! Thank you so much! Emily Chamberlin
  8. Site URL: https://tmha-new-site.squarespace.com/meet-the-artists/tamara Can I code h3 to be larger in just one area on the site? Link is listed. It is basically all the artist pages. It's built via portfolio. The one im trying to make like way bigger is "tamara" password: tamara
  9. Site URL: https://wedge-blue-j2fz.squarespace.com Can anyone tell me how to decrease the size of the font in the dropdown menu of my site's header. Right now the dropdown font is the same size as the primary menu item. I'd prefer that is would be slightly smaller. Is that possible? Is it possible to change the color of the dropdown menu's text? Thank you.
  10. Site URL: https://www.thisispalo.com/ Looking to change the font on my About section on mobile ONLY. Is this possible?
  11. Site URL: https://www.donnoventhebarber.com Bear with me as I'm not a coder or expert by any means. I have a client who has sent me images of his website. I upload his image on the page and for some reason the image appears cutt off or crop on the sides even though I have not crop it (in the desktop view). To make matter worst when I look at mobile view the images (on more than one page actually) disppaer. I have cropped, resized and done what I thought I could do and I the image is still not showing properly. I have attached two examples of mobile views where the pictures appear to have exploded in the mobile view. Any help as well as education on what I am doing wrong and how to correct it would be greatly appreciated. PS - even on the one page I can pretty much see his body via desktop view but when I look at the mobile I get just his head. Thanks in advance for any help - Also does it matter that the image size sent to me 480x360 ...does that effect my images?
  12. Site URL: http://www.goodmajick.com/shop Hello everyone, I’m looking for help with a site-wide issue I’m having with my mobile layouts. (This only happens on mobile devices, and I can’t recreate it with desktop/laptop browser inspect tools or by changing the width of the window to force the mobile layout) When you scroll, the entire header block gets larger and smaller, and it pushes the content around on the page even far down when you’re scrolling the content jumps up and down. Thanks for any insight you can offer! This link demonstrates how the content jumps around as you keep scrolling, I think all due to that header growing and shrinking: http://www.goodmajick.com/shop-faq Heres a demo of the phenomenon: IMG_4623.MP4
  13. Site URL: https://nataliebjordal.com/ Hi there! Can anyone please help me with some CSS code to change the size of the logo (it's set to maximum in the settings) and the space of the header ? I tried with some code found here on the forum but nothing seems to work! Thanks a million in advanced!
  14. Site URL: https://radiantlyalive.com/yoga-teacher-training Hello all, I have two issues with my page https://www.radiantlyalive.com/yoga-teacher-training On desktop version the header and title are aligned and centered, so all good! However, with the mobile version, there is a lot of space after my title, any chance that I can reduce that waste of space for the mobile version only? --- My 2nd issue is that, the size of the pictures on my page (galleries) should be bigger on mobile. Any chance that I can increase the size, for mobile only? Desktop version looks fine: Mobile version isn't great (pictures are too small): THANK YOU SO MUCH IN ADVANCE, 🙏
  15. Site URL: https://charlnesslifeislikeabullet.com/blog/20-inspiring-december-bullet-journal-setup-to-light-up-this-christmas RPReplay_Final1638366568.mov My mobile website default width is not 100%, so when I'm scrolling with the page, it will move left or right. How to solve this problem because it really affects user experience.
  16. Hi, is there a way to control the height of portrait-format images so they match the screen height in a masonry layout? Also, are there possibilities to tweak the layout, so that for example I could have a landscape image spanning two columns? I am trying to recreate something similar to my current website: https://felixbrueggemann.com/project.php?pid=87 Thanks, Felix
  17. Site URL: https://dandelion-buffalo-bkmz.squarespace.com/config/pages/618978872006b30319c36796 I'm trying to adjust the font size of the captions of images within projects of a gallery. The only place to insert text is in the "image description" section under uploading images. Once the text is uploaded it remains as default to the paragraph style, but doesn't have any place to adjust size, nor to display the image description when the Lightbox feature is enabled. All I can do is enable/disable captions. Is there a way to change the font size? Can the captions display when using the lightbox?
  18. Site URL: https://rewildprojects.co/ Hi guys, Quick caveat: I'm a complete newbie to Squarespace and have almost zero understanding of code 🙂 I have created a website for me brand consultancy (rewildprojects.co) and I have an issue whereby when I scroll up or down on my mobile site, the text and fonts change size. Video for reference can be found here. I'm using Safari 14: https://www.whatsmybrowser.org/b/L8CBA Does anyone have any ideas or suggestions? My fried helped me add some code to the site (to help with my custom font and size of an image on mobile). The custom code is here for reference: /*******FONTS**********/ h1, h2 { font-family: new-spirit-condensed, serif; font-weight: 400; } /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; @tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)"; /* CSS FOR TABLET */ @media @tablet { .sqs-block-image { width: 20%; margin: 0 auto; } } /* CSS FOR MOBILE */ @media @mobile { .sqs-block-image { width: 20%; margin: 0 auto; } } --------- Any help would be greatly appreciated!! Thank you Dave
  19. Site URL: https://tomato-apricot-xdp6.squarespace.com/ Hello! I have a very basic I knowledge in CSS codes... I have added a personalized code for a typing animation in my site, in "settings" and after "infection code". I bought this personalized code, isn't me that wrote that... The code works well, everything is good. BUT, the size of the animation for me, is too small. So, when I tried to change in the code the size form: .sp-intro { line-height: ; font-size: 200xp ; color: ; As I don't know CSSs codes, I think that this is the part of the code where I have to change the size right? Even if I add 200xp, or 80xp, or 20xp, and click in "Save" after, the code and sizes doesn't change... I tried as well with "xx-large" but no changes. Could you please help me to understand why the code doesn't change? Could you please help me to find a way to make my animation bigger? Thank you so much 🙂 Isabel
  20. Site URL: https://www.creativebloomrocks.com/ Hi there, On our homepage, we currently have an image that has burned in text. When viewing on mobile, it crops this and therefore the text is not legible. Can anyone help suggest some code which allow the banner to appear full size on mobile and therefore not cropped. Thanks very much, Ollie
  21. Site URL: https://www.ukrainiandanceworld.com/articles Wondering how to reduce the size of the text being used for title in the in the blog posts block? The summary block at the bottom of the home page (https://www.ukrainiandanceworld.com/) looks much nicer and would prefer it to lok more like this. Any help would be much appreciated
  22. Hey guys :) I made my portfolio on a 4k display with a scaling factor of 175% in the windows 10 display settings* - no browser zoom. On that display, it looks like I want it to look (look at image 1). When I look at it on a 1920px display with a zoom of 100% it looks quite similar, though a little bit bigger. But when I saw it on a 1920px laptop screen that was on 125% scaling during a portfolio review, the proportions of the text and images were way too large while the white space was too small (look at image 2 - imagine this being full screen 🙈). *If it is unclear what I mean by the scaling factor, I mean this: https://youtu.be/t9xIbkD6XjQ?t=30 What do I do in such a case? I cannot decide the screen size of the HR person I send the portfolio to, so it should look good on every screen size, no matter if 4k or 1920px, and no matter the windows scaling factor (at least it is quite normal to have a scaling of 125% on a 1920 laptop screen and 150-175% on a 4k display). Is it possible & smart to set a zoom level of the browser depending on the screen size and windows zoom level? Or can I add additional breakpoints? Thank you so much for your support in advance! :D Image 1 (on 4k full screen): Image 2 (looks terrible on a laptop in full screen):
  23. I noticed there is quite a bit of padding in between sections that creates a ton of white space and emptiness. How can I reduce the padding in between all sections to make for a seamless website? This is for my web portfolio showcasing designs and project details. I've been experiencing difficulty fitting slideshows, simple images, and plain text boxes without too much padding in between sections. Thank you!
  24. Have Squarespace changed anything regarding image sizes for PNGs in email campaigns recently? I have an image (PNG file with transparent background) that I've created for the bottom of my email campaigns that shows my four latest Instagram posts. It's always uploaded clear but for some reason this time now that I've updated the image to show my new posts it's just loading blurred no matter what image size/dimensions I try. I've been reusing the same template when making new email campaigns so the original image stays clear, but when I try to reupload it it also blurs - so that leads me to think Squarespace has changed something on their end? The original image that's showing up clear (unless I try to reupload it) is 7324 × 1712 and 16MB (which I know is wider than their recommended sizing). If anyone has some info or knows a work around please let me know! I don't know how many hours I've spent trying to fix this.
  25. Hi everyone, I was just wondering if there’s a way to adjust the font size for twitter blocks. Currently it is changed by setting the ‘paragraphs’ size in site styles but that changes the font size for the entire site which i dont want. I want it to just effect the twitter text block only. Thank you so much!
  • Create New...