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

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 8 results

  1. 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
  2. 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?
  3. 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
  4. 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?
  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. 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.
  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. 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...