Tonmeister

Yes I still need help! I use Chrome version 87.4280.77 and Safari version 14. The change happened when I upgraded my iPhone to iOS 14: When height of a div is set to "0", box shadow will not be rendered, instead I get a grey box. On any desktop browser it's rendered correctly, even if I simulate iPhone in chrome -> developer tools -> devices. Any ideas on how I could fix this? Best, Gregor

Site URL: http://www.rotor-film.de Dear All, Today I noticed a display error on my website, when opening from iPhone (both Safari and Chrome). The Error did not occur about a month ago, so perhaps my upgrade to iOs14 had sth to do with it / or sth within Squarespace changed. All my box-shadows won't render anymore on iPhone: On desktop it looks like this: I coded the box-shadow as a background for the text. Notice that I set the height to 0!important. That way I don't have a square div, with a box shadow around it, but instead I get just a "cloud" shadow:

Great. Thank you so much!

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 { .

That did it. Thanks a bunch!!

Site URL: https://wisteria-panda-z2eg.squarespace.com/people (no password needed for site) Hello All, I am aware I can size the social icons through squarespace's interface when editing the header. However, I would like to size the social icons differently according to screen sizes, but I haven't been able to target them properly. Currently, header social icons are set to 25px. What should my CSS look like in order to make them 32px when screen is wider than 1800px? Thanks ahead!! Gregor

This seemed to have fixed mine: <style> body[data-menu-overlay-theme-switcher="true"]:not(.tweak-transparent-header) .header.black { background-color: rgba(0,0,0,0)!important; } </style> Hope it helps anyone.

Same problem here, I used this code in page's header injection, now stopped working. Please @SQUARESPACE, don't randomly change classes. Also, why did the OP label this thread "solved"? It clearly isn't. <style> .header-announcement-bar-wrapper { background: rgba(0,0,0,0)!important } </style> Best, Gregor

Thank You, that works!!

@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 🙏

perfect!! Thank YOU

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

Sorry! Wrong link. This one here: https://wisteria-panda-z2eg.squarespace.com/staff/warda pw: rotorrotor

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?

I just did, @IXStudio? My Custom CSS is in my above post! Best, Gregor