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

Search the Community

Showing results for tags 'resize'.

  • 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: http://www.howtobeahero.net Hi I am struggling to resize my banner and footer image to resize for mobile devices. I have tried a few different versions of code but none seem to work. Either all the images resize and leaves a big gap under my banner image or does not do anything at all. I think the code may need to be site specific. Can anyone help? Both images are on my homepage only. Much appreciated as the website is live now and not the best look Thanks in advance
  2. Site URL: http://silverstrand.capital Hello! On the mobile version of my website I have my partner logos all in one line, but on mobile version they become bigger and stack over each other. Is it possible to add a code such that all the logos remain small and in 1-2 lines in mobile? I am so frustrated that I cannot edit the desktop and mobile versions individually. Thank you in advance for your help!
  3. Site URL: https://www.truenaturedreams.com/ Hello, I'm trying to get my home page banner image to resize for mobile view. I tried using the CSS posted here and it worked to resize the image but created an unwanted grey box below. Can anyone help please? 2 images are desktop and mobile view. Thank you in advance for any guidance. Becs πŸ™‚
  4. Site URL: http://www.vidadoulas.ca Hey There, Website images look great on desktop, but when viewed on mobile, they are cropped in so you can't see the whole image when looking at the banners. I had a look at the forum and tried some custom code, but doesn't seem to work on our site. I would love any help to get it so the whole image can be viewed on the home page, but also our services pages as well. Thanks so much! Shea
  5. Hello Friends, I'm having issues trying to resize my videos blocks and make them bigger. Normally from what I understood I should add some spacer on each size and then be able to adjust the size of the video. Problem is I can't seem to add anything on the page except on the bottom of the page for this example. Any ideas ? Thanks !
  6. Site URL: https://www.cinekhoi.com Hello, I think I have the most basic question across all the forum that many have had before, but I have yet to find a solution. I've tried many codes I've seen floating around online, but nothing is working. What I need done is the ability to resize gallery images on mobile version only. I've attached the photos below, one of the desktop and then the mobile view. I would like to make the mobile gallery size smaller so it can show the whole image like it does on desktop. Thank you for all the help (if there's an answer already on ano
  7. I have a couple testimonial pictures (head shots) that are the perfect size when viewed on a computer screen but are huge when viewed on mobile devices. Is there a way to keep those photos a certain size when the page is viewed on mobile devices? Thanks!
  8. Site URL: https://brnkh.com Right now I am trying to resize my footer size such that I am able to centralise my the introduction line, and keep everything to a single page without the need for a scroll bar. However after clicking edit footer and entering the editing area, clicking on the edit button which normally enables you to go to the adjustment portion of the blocks doesn't seem to work. Any reason why/is there an alternative way to resize? Thank you in advance!
  9. Site URL: https://www.kailynmoore.com/lumify Hi there! I'm creating a portfolio site and all of my full width images crop on mobile to the point you can't tell what you're looking at. I am looking to remove this responsive feature on ALL full width images (not just 1 instance). Ideally, the image would just span the actual full width of the screen regardless of the screen size, so no cropping ever occurs. Can anyone help me with this? I've looked everywhere for a solution and this seems like it would be a common issue. pw: kailyn
  10. Site URL: https://meridianhivedraftwebsite.squarespace.com/config/pages HI, I wonder if anyone can help me out. I'm revamping our website and have some large full width images on multiple pages (Home page and landing pages). I'd like to reduce the size of the images for Mobile view to prevent them being cut off. I've reviewed previous suggestions/advice here but haven't found anything that works for me. I've installed an app that allows me to view squarespace block, image and section id's. However I still can't get it to display correctly. Here is an example of the code I've us
  11. Site URL: https://www.tofw.com/takecourage Hey All, I know this has been asked 1,000 times (because I have read them all) but I cannot seem to get my banner image to resize correctly for mobile, it is zooming in way to much. It looks perfect for desktop but not so great for tablet or mobile. I have tried all the different CSS code snippets I can find in the forums but nothing is working and I can't find the block id for the banner either. I am using the Bedford template on 7.0. I am at a total loss. Anyone have any ideas or a CSS code that will work?
  12. Site URL: https://www.onehandsanitizer.com/ I have a background image at the top of my website (www.onehandsanitizer.com). It has my logo and the company slogan. It looks great on desktop but on mobile, most of the image gets cut off. I want the image to shrink to fit in the screen on mobile instead of cutting the sides off. I tried a few things in custom CSS. I was able to get the image to shrink by setting height: 50%; but that didn't shrink the parent container, leaving me with a bunch of white space where the picture used to be. I also tried finding the #yui_... ID for this section
  13. Site URL: https://www.thelivinghouse.co.uk/ Please can anyone help with resizing one image on my website for mobile view? I have tried various attempts but still cannot resize the image so that is more zoomed out for mobile. Many Thanks Sophie
  14. Site URL: https://www.andreaaronica.com/test-sidebar/Blog%20Post%20Title%20One-nhkjm Hi there, I wanna reduce an image just on mobile. I tried with this code but every time I had the Id I get a syntax error. #collection-573ca1a67c65e4bc1c012206 { #block-yui_3_17_2_1_1602785904195_3833 @media screen and (max-device-width: 640px) { .sqs-block-content .image-block-outer-wrapper { width: 50%; height: 50%; margin: auto; } } } Thank you.
  15. Site URL: https://www.thelivinghouse.co.uk/ How can I resize logo for the correct sizing for header and footer on mobile view of my website? I'm guessing it will be resized for header and footer by using code but I'm not sure?
  16. Site URL: https://www.thelivinghouse.co.uk/ Hello I need to resize this image as it is currently too zoomed in for mobile view. I have looked on other peoples questions/answers and tried the codes however I can still not get the correct outcome. I have added a screenshot to show which image it is. Many Thanks Sophie
  17. Site URL: https://www.thelivinghouse.co.uk/ I'm currently finishing off making the site mobile view ready, does anyone know how to make the images bigger without the alignment going off the page? Heres a screenshot of page and marked with a circle the image style that needs to be bigger. Here is also a link to the page www.thelivinghouse.co.uk (most of these title style images on are the homepage) I can add password to post if anyone knows how to help with this. Thanks Sophie
  18. Site URL: https://www.nafc.org Hi! I need to reduce the image size on most of the photos of a very large site - trying to get faster loading speeds. Are there any plugins out there that can help me do this stiewide, or am I forced to do each one individually? I think it will take forever!
  19. Site URL: https://corn-apricot-zn88.squarespace.com/projectdetails/fire-station-5-g7ly8-ndjc2-awa73-jlkpt Hi all. I made a few image size changes to my site - and brought all the sliders (script from W Myers) up under the transparent header. Somehow I changed the size of the overlay image block in the project pages. https://corn-apricot-zn88.squarespace.com/projectdetails/fire-station-5-g7ly8-ndjc2-awa73-jlkpt (Password BA47) I had it so it was the same size as the images on the home page. but now it slips beneath the bottom of the screen. My overlay is a hover effect so I'd like
  20. Site URL: https://www.adrianye.com/ux-design/well-read How do you resize an embedded Figma block? It ends up super tiny on my portfolio page and I need it to be visible and clickable. Here's the embed code. I tried changing the height and width separately with no success. <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FNp3fm0oRYvDytAfYKZWdS7%2FWe-ll-Read-case-study%3Fnode-id%3D308%253A57%26viewport%3D-889%252C-2062%252C0.281281054019928%26
  21. Site URL: https://www.swalsh.art/ I used this code to enlarge my logo: .header-title-logo img { max-height: 400px; max-width: 800px; } But this is causing it to no longer be centered. I've tried using the position property to move the image, but this has either resulted in the image returning to the default size or the image being over the next section (over the background image) instead of in the header area. Thanks for any help!
  22. Site URL: http://www.damonomad.co Hello Squarespace gurus, I'm having trouble adjusting elements in the footer of my website. I'd like to eliminate the padding on top & bottom of the container to make the footer fit better under the page content. I'd also like for my email address to be closer to the "social icon" block, right justified. There seems to be spacing round the social icons that I can't chip into. Thanks in advance for the help!
  23. Site URL: http://nikolsons.com.au/ Hi everyone. The hero image on my site isn't resizing properly when viewing on mobile. It gets cut off as you can see. I have coded: @media screen and (max-width:640px) { .homepage .section-background img { width: 100% !important; height: auto !important; } } into the custom CSS. It works great to change the scale of the hero image but then leaves a huge blank area until the next section on the page. How do I go about correcting this? Thanks in advance! πŸ™‚
  24. Site URL: http://www.pantryphilosophy.com I need to resize and center this image on Tablet and remove the hyphen on the title. I am using the following code: //IMAGE RESIZE ON TABLET// @media screen and (max-width: 1024px)and (min-width:641px){ #block-yui_3_17_2_1_1596512003680_56399 { width: 100% !important;} } //REMOVE HYPHENS MOBILE & TABLET VIEW// @media screen and (max-width: 1024px)and (min-width:641px) { p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !im
  25. Good Afternoon, I’m wondering if anyone can help. My site isn’t live yet but I have a question about the homepage. The banner image has text on it. When on my desktop the text looks too big as I’ve over compensated so it can read on my mobile version. is there a way to have two images one for the desktop version and one for the mobile version. i will attach a photo to show what I mean. I don’t seem to be able to add a seperate text box on the homepage as that could have been an option. Although the text has a gradient πŸ€¦πŸ»β€β™€οΈ
Γ—
Γ—
  • Create New...