Jump to content

Tonmeister

Member
  • Posts

    44
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Tonmeister's Achievements

  1. Site URL: https://rotor-film.squarespace.com Dear All, I am using two columns of text blocks for addresses on the footer of this website: rotor-film.squarespace.com On mobile, it displays the second column (the right one) first, instead of last! Can anyone hint me how to change this? Thx+Best! Tonmeister
  2. Site URL: https://rotor-film.squarespace.com Dear All, All of a sudden (must have been some change at squarespace) I have an issue with my website: The first hero background image on the home / landing page is blurry / low resolution on mobile (iOS 14 / iPhone7). If you look at the "Where Stories Unfold" slogan in the middle of the image, you notice it looks like heavy jpeg compression, on desktop everything looks flawless. Again, I didnt change anything on my website, it just appeared one day. Can anyone help? Best, Gregor
  3. Hey @abacostudios I have the exact same problem. First Hero background image is blurry on mobile (iOS) and this is something that happened all of a sudden, has been sharp for years. This is my site: www.rotor-film.de How did you fix your problem? It seems to be fine on your end now. @tuanphan could you take a quick look? Best, Tonmeister
  4. Site URL: https://wisteria-panda-z2eg.squarespace.com/ (pw: rotorrotor) Dear All, I have a footer menu (basic html element) at the very bottom of my website: When I scroll down my website top to bottom, each element appears one after the other, the footer menu being the very last. Is it possible to disable the "appearing" effect for this element, because it is too important for people to wait for it. I would like them to see it right away. I already tried to disable transition-timing-function as well es delay and duration, with no success: .footermenue { ... a {transition-timing-function: none!important; transition-duration: 0s!important; transition-delay: 0s!important; } } Any hints would be much appreciated! Best, Gregor
  5. @tuanphan No, I just used a spacer. But this gives me uneven results depending on display. I just removed the spacer, can you give it a go? Thank You 🙏
  6. Dear @tuanphan, I have the exact same issue, except my classes are all different and I need to do the same effect for 23 pages of staff members. I would like the staff biography (the longer text) to be vertically centered next to the image. Since I want to do this to many pages I gave the biography a class name by using this html code: <div class=staffbio><h4> Lajos became part of ... ... expression.</h4></div> Website: https://wisteria-panda-z2eg.squarespace.com/staff/wienkamp pw: rotorrotor How should I adjust you css in order to get the desired effect? All the best! Gregor
  7. Sorry! Wrong link. This one here: https://wisteria-panda-z2eg.squarespace.com/staff/warda pw: rotorrotor
  8. I dont understand why noone is posting their URL!? I happen to have the same question. website: https://wisteria-panda-z2eg.squarespace.com/staff/warda pw: rotorrotor I entered (copyright Eichhorn) as a filename for the image in the image card. I would like this to display in small font-size right underneath the image (right-aligned). Is this possible?
  9. @tuanphan, Perhaps you remember who wrote the original jquery (above)? Thx + All the best! Gregor
  10. Hi there @tuanphan, Website: https://wisteria-panda-z2eg.squarespace.com/servicespw: rotorrotor This is the link to the gallery! It looks a bit messy right now, but the first gallery item is what i am testing with: Im trying to get both of these texts to display inside lightbox. Any ideas? Thank you! Gregor
  11. Website: https://wisteria-panda-z2eg.squarespace.com/services pw: rotorrotor Dear @tuanphan, Thank you, this is marvelous. You mentioned that below code was written by a member of the forum: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> function createNodeCaption(textContent){ var divElement = document.createElement("div"); var pElement = document.createElement("p"); pElement.innerHTML = textContent; divElement.classList.add("style-gallery-lightbox-text"); divElement.appendChild(pElement); return divElement; } $( document ).ready(function() { var itemGallery = document.getElementsByClassName('gallery-grid-item'); var itemGalleryLightBox = document.getElementsByClassName('gallery-lightbox-item'); var countGalleryItem = itemGallery.length; for(var i = 0; i < countGalleryItem; i++){ if(itemGallery[i].getElementsByTagName('p').length != 0){ var text = itemGallery[i].getElementsByTagName('p')[0].textContent; var itemNeedCaption = itemGalleryLightBox[i].getElementsByClassName('gallery-lightbox-item-src')[0]; itemNeedCaption.appendChild(createNodeCaption(text)); } } }); I understand, that this code takes the plain text out of the description of a grid item, labels it as p .style-gallery-lightbox-text and and then displays it in the lightbox. Excellent! To complicate things further, I labeled text as <h3> and <h4> in my grid items description field: <h3>This title should be visible as grid caption and in lightbox</h3><h4>This text should only be visible in lightbox</h4> Which shows up correctly in gallery grid like this: However, the jquery code does not forward the h3 and h4 classes, so they don't actually display in the lightbox. Could the somehow be adjusted in order to forward basic html elements, or in my case, the classes h3 and h4? In know this is a lot to ask for. Thanks in advance for your help and insight! You will find website link and pw at the top of my post. Let me know if there is anything else I should clarify. All the Best! Gregor
Ă—
Ă—
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.