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

Search the Community

Showing results for tags 'resize'.



More search options

  • 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
  • Squarespace Forum Club Guidelines's Topics

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

Found 18 results

  1. I use to be able to use this code @media screen and (max-width: 480px){ #thumbnail > img { height: 120px !important; left: 50% !important; transform: translateX(-50%); width: auto !important;}} to resize the mobile banner images to shrink in size using 7.0 Unfortunately it does not work for 7.1 any one have a code that is working for the update or have any ideas how to resize banner images using media queries ?
  2. Site URL: http://www.b2Ss.co the website is: www.b2ss.co the password is: stayinnschool19 Hey everyone thanks for taking the time to even look at this! Im having an issue with the restructuring of my page when moving to mobile. I have set up my site in the way in makes sense to me but who knows if i am even doing this the proper way but what i am trying to achive is the follwing: i have 4 images that span the screen horizontally across the top. Each image works as an icon more or less and brings you to the corresponding page. When on the computer it shows correctly and how i would like it to be on mobile. I have done some searching around and found a few bits of code to make the icons (images) smaller only on the mobile screen but cant seem to figure out how to remove the stack and line them up horizontally. Here is a look at the css i found to make the images smaller.. again idk what im doing but they did get smaller.. /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_5807 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_8124 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1557313705830_13034 { width: 30%; } } /* mobile screens */ @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1584416021346_20240 { width: 30%; } } /* tablet screens */ @media only screen and (max-width: 768px) { #block-unique-ID{ width: 100%; } } ANY AND ALL HELP WOULD BE GREATLY APPRECIATED! thank you for your time and help! looking foward to hearing from someone lol BE SAFE OUT THERE PPL! LOVE GINO
  3. Site URL: https://www.smreps.com/production-1#/wondros/ Hello. I'm using the Avenue template. I have been adding videos to my various galleries (stacked), linked to different pages across the site. I embed all of them at a dimension of 960x540. Yet while some play in the same size window as the thumbnail, others are reducing down in size once you press play, even though the dimensions are identical to another video above or below it, which don't seem to have a problem. The inconsistency doesn't make sense. As I said, I'm embedding them all with the same dimensions. I'm making sure that native resolution of the video is at least 960x540 from Wiredrive (our industry standard online video vault cloud service). Wiredrive has a build in embed code generator where I can adjust the embed dimensions to a lower resolution if needed. So, for example, even if a video is 1920x1080 on Wiredrive, the embed code generator has a functionality built in where I can reduce it to 960x540, but not vice-versa. Below is an example of an embed code generated by Wiredrive, specifically one that is giving me a problem. This video is 960x540 native in Wiredrive. I will also contact Wiredrive to see what they say about it. But I am curious if the resize is due to the native video being 1920x1080, and the code simply isn't working the way it should once placed into Squarespace. The videos Ive reduced from 1920x1080 to 960x540 in the embed code don't seem to resize in the webpage, while the native 960x540 with no reduction DO resize. Thanks for any insight. <iframe src="https://wondros.wiredrive.com/?routekey=iframe-embed&token=60a1836c7ef23fa1a698349ffdc11149&autoplay=0&loop=0&controls=1&color=4EB7D4" width="960" height="540" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen allowtransparency></iframe>
  4. Site URL: https://www.stowsofficefurniture.com/desks Hi there, I have been working on adding product to this site and if you scroll down to view the 'Sienna Desk' it cuts the corners off my image. I tried looking around the features on the template but I have had no luck in finding a remedy to this. I would prefer for images to be stretched on width not on height. Is there something I can do to fix this?
  5. Site URL: http://leonormorrow.com/about I have used spacers on the desktop version of my site to make certain images a small size (see the 'all the best' text image at the bottom of my about page). However, on mobile, the side spacers disappear so the text looks huge. Is there a way to resize the image so it is still small on the mobile site? Thanks!
  6. Hello! I have a slideshow gallery as the hero on my website. It looks great on desktop, but all of the images are cut off on mobile. Is there a way to set it so it resizes to the width of the image when on mobile? Screenshots attached.
  7. Site URL: https://triangle-chrysalis-3493.squarespace.com/config/ Hi, I am trying to resize just one section of font on my page without it changing the size of the same font that is in other sections of the page
  8. Site URL: https://www.ourmanagement.com Hi, I am having troubles in my square space site. In short on my main page I have images on the 'how it works' section which look great in desktop but when re-sized to mobile they get way to big. So far as a hack I've exported the image as 142px by 142px but the quality of the image looks bad. Any way of doing this css? Cheers, K
  9. Site URL: https://lonsdalestudio.com/cocktails-at-sunset Hi is it possible to limit the maximum size of images in a stack gallery? It looks fine on mobile, but on desktop the images are WAY too big even though the uploaded files are only 1200 px long edge. Thank you amazing square space people!
  10. Hi, new here and slowly trying to figure things out. A few questions have popped up... 1. I'd like to resize a slideshow gallery on my home page, I can only seem to add full screen, which is a bit to in-your-face for me, would like to halve the size. 2. I'd like to add one shot from each of my galleries to the home page slideshow (which I see can be done) and I'd like to be able to link each picture back to their parent gallery on click with a hover notification of the gallery, is this possible? 3. Is there a playback/pause button that can be added to slidshows, and to lightbox so on opening a single picture, one can cycle through the gallery? Thx.
  11. Hi, I have a Nuevo template website with 3 parallax images. I am trying to add custom JS to dymanically resize said parallax images. The code is tested and works when injected into the Chrome / Firefox console yet whenever I try to compile it in my Local Development environment, there is no change to the image size. The js is stored in the Scripts folder as a separate file containing the following code: document.onload = (function () { const resizeImgs = () => { let imgs = document.querySelectorAll('.Parallax-item > .Index-page-image > img'); let div = document.querySelector('.row'); for (i = 0; i < imgs.length; ++i) { console.log("Sup Dawg"); let oW = imgs[i].style.width.substring(0, imgs[i].style.width.length - 2); let oH = imgs[i].style.height.substring(0, imgs[i].style.height.length - 2); let oT = imgs[i].style.top.substring(0, imgs[i].style.top.length - 2); let ratio = oH / oW; imgs[i].style.width = `${div.offsetWidth}px`; imgs[i].style.height = `${div.offsetWidth * ratio}px`; let diffH = oH / (div.offsetWidth * ratio); imgs[i].style.top = `${oT * 0.8 / diffH}px`; imgs[i].style.left = `${(window.innerWidth - div.offsetWidth) / 2}px`; } } resizeImgs(); let doit; window.onresize = function () { clearTimeout(doit); doit = setTimeout(resizeImgs, 100); }; })(); It is then called in the end of the site.region's body via: <squarespace:script src="img-resize.js" combo="false" /> I placed this right after the template's other JS call: <squarespace:script src="site-bundle.js" combo="false" /> I can see the script running in debugging but it makes no effect on the images I want to change. Please let me know if you have any ideas on why this might be happening. Been struggling to make it work for the last two days and relatively new to squarespace so any help would be fantastic! Ev
  12. I have inserted a logo in the footer. It's fine on desktop version but the logo becomes huge on mobile view. Can I reduce the logo on mobile somehow?
  13. All - I need some help with CSS to resize my main image on mobile. The image is cropping in the middle. Thanks for your help. Jonathan https://www.optimacapitalmgt.com
  14. I'm using the Alameda template for an online store, and I cannot figure out how to get my logo larger than the 150px limit. Help?
  15. 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 !
  16. Hello, I would like to make my logo bigger and to overlap it on top of my content, let's say, so that the blank space under the logo is smaller than it should, and that the logo comes on top of content, I've been trying using CSS but so far not successful, could someone give me an advice?I am using York template. Thanks in advance.
  17. 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!
  18. Certain images appear very large when viewed on a mobile device (stretched over full mobile screen). When viewed on computer they are the correct size. I’ve tried several CSS codes, but unfortunately I’m not skilled enough. Can anyone help me with writing one? So how can you change the size limit for one specific image? Thanks so much!
×
×
  • Create New...