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. Is there a way to scale this code block down so it still displays all of the info in this picture? Maybe like a 50% reduction in size. https://midnightinvestor.com/market-overview password: 123456$
  2. Site URL: https://www.pinteafilmcompany.com/portfolio/sukh-dhaliwal Trying to make the font size smaller, specifically on the mobile version of the portfolio page if possible. As you can see, the text on the bottom collides, doesn't look too pretty. Totally fine on desktop though.
  3. Site URL: https://www.legendarytravels.co/shop/p/ltco-playing-cards Per the linked page, I need to find the correct setting to resize the "Only 5 available" notification on my product pages. I was able to change the color of the font, but cannot find a specific setting to enlarge the font size as desired. If there isn't a specific font control to adjust this globally, is there a reliable CSS custom code to accomplish the task? Thanks!
  4. Site URL: https://www.recaprabbithole.com/recap/citicorpcenter @tuanphan how do i make the videos full screen on mobile. I want NO white space on the left and right like the screenshot:
  5. Site URL: https://www.megankeely.com/ I'm using the Bandintown integration (in a block) to feed by upcoming shows straight from Bandsintown to my Squarespace website. It works great, but for some reason the ticket button is tiny. I believe it is a 'Primary Button' because I change the primary button font and the ticket button instantly changed. I understand the button size is determined by the font size, but I can't figure out how to update the font size (for this block or all buttons) to make this button larger. Any help is greatly appreciated. Thanks!
  6. 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.
  7. Site URL: https://www.fellowsvintage.com/ Site: http://fellowsvintage.com/ PW: SOclose22! Hello! Is there a way to customize the size of the featured image on both the blog and the feed/blog block? I'm assuming these would be two separate codes. When I set a featured image it is HUGE on the blog page and I'm not seeing any option to customize even the width or margin other than for text/body. (*Additionally, if there's a way to make the bg of the blog transparent so that the paper texture is the background or designate the paper texture image as the bg, that'd be a bonus). For the blog feed on the home page (scroll down to the horse icon), I'd love for the featured images to be square thumbnails, ideally smaller than the width of the columns (I currently have the setting toggled to OFF for this section). Thanks so much!
  8. 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
  9. Site URL: https://www.codylandkammer.com/ Using "Portfolio Hover: Background" I want to change the title sizes just for mobile as they are too big. I want the sizing to be independent from the desktop sizing. The centering on mobile is also off. Last I want to remove the hover background for mobile, but keep it on desktop.
  10. How can you change the format in the mobile version? When I do, the change will also appear at the desktop version. And text aligned central at desktop, and aligned left at mobile version. Thank you in advance. ps. my website is not live yet
  11. Hi, Looking for someone to help with changing the font size on certain areas of the website. It's the Video Section on the next recommended. Thank you for the Help!
  12. Site URL: https://tortoise-frog-lldn.squarespace.com/config/ Hi! I'm trying to make my NavBar spaced out, having the hardest time figuring it out... I'm trying to go for the concept of having the NavBar menu spaced out like a newspaper like the picture below haha.... I'd appreciate any help! 😁
  13. Site URL: https://crow-aardvark-rtje.squarespace.com/ I can't find where to adjust the font sizes for these descriptions. It is a gallery inside a portfolio. I've tried all the options in the Portfolio headers, etc. in the site styles. The password for this site is: zaradesign
  14. 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
  15. Hi, I'm trying to make it so that the header size/height on my home page is set to 100px and the header size/height is set to 60px on all other pages. For the life of me I cannot find where I can individually change this per page. Is this even at all possible? I've also tried various CSS I've found across the web, but to no avail. Can anyone send me in the right direction? Or provide me with any CSS that could provide me with the result I'm looking for? Thanks in advance! Kind regards, Tom
  16. Site URL: https://www.mattportch.com/contact Hi, Clearly Squarespace have messed with the settings again which has ruined some of my CSS code. Can anyone tell me how to resize my SEND button on my contact page? https://www.mattportch.com/contact It's gone really small and want it roughly same as my Add to Cart button: https://www.mattportch.com/lost-america-prints/p/the-wall-frame-arizona Also, just out of interest, what is the quickest way to search for this in my Custom CSS?
  17. Site URL: https://cooperco.squarespace.com/ I want to use a different background image for mobile and web so that It can be sized correctly for both versions. How do I use two different pictures depending on what format the website i being viewed?
  18. Site URL: https://www.deakin.group/ Hello I would like to reduce the overall footer height and align the outer elements of the text (margin) to be the same as the header. I have taken a snapshot showing header and footer against each other. Can I add more parts to the grid to accomplish this? Or, is there code I can use to change the margin of the footer to match the header? How can I change the overall height of the footer. (redline on image is approx height of footer) Thanks, Chris
  19. Hi there, Having difficulty working out how to increase the size of text inside buttons I add to a site I'm working on. Have seen a couple of other posts on the subject but haven't discovered a solution that works. In the Design-Site Styles-Fonts-Buttons section I can adjust the size of how big a small, medium or large button appears, the weight of the font and the letter spacing. In the Design-Site Styles-Buttons section I can adjust the padding (which just increases and decreases the size of the buttons themselves again). If in the Fonts section I increase the font Base Size (which I don't want to do as only want to change the button text size) this increases the font size in the button, but also the size of the button itself. I can't find how to change the size of the actual text which appears within the button. Any help gratefully received.
  20. 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/
  21. 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!
  22. 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!
  23. 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! ❤️
  24. 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.
  25. 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.
  • Create New...