Nomis

@tuanphan Have you been able to find out anything about the code yet?

@tuanphan It would be really great if you could help me with this again. Many thanks in advance! 🙏

Hi, I would like to set an image as a background behind 3 different but consecutive sections. Can anyone tell me if and how this is possible? Looking forward to your help! https://www.lebendige-gaerten-hh.de/ pword: lebendigegaertenhh2023

@tuanphan Thank you for your help. Point number 3 worked well. Can you assist me with point number 2 now? It's only about the desktop version.

@tuanphan Yes, for the images on the white background, I found a solution. For the overlapping image (in the screenshot), I would like to change the opacity of the color in the shadow (make it transparent). Do you have a suggestion for that?

@tuanphan Yes, exactly, I want all of them to be open simultaneously but also manually closable. Is that possible?

@tuanphan #1 Thank you for helping with the arrow; it worked. Now, I'd like to make the underline a bit bolder. Can you assist with that as well? #2 Exactly, when hovering over it, the dropdown menu should be displayed either instead of the main menu or to the right of it. Is it possible for you to send me a solution for both variants? #3 Unfortunately, not yet. As you can see in the screenshots attached, the spacing between the links in the dropdown menu is still larger than between the individual menu items in the main menu. How can I adjust the spacing? Thanks for your help 🙏

@tuanphan It's about this image (on the left) which can be found on the homepage. I'd like to apply the same effect to other images on different pages as well.

@tuanphan I've implemented it on this page > https://www.lebendige-gaerten-hh.de/ueber-uns

Hi, I have a few questions about styling the page menu. I have created a menu in the mobile style for my site, even for the desktop version. I have some requests for changes, and I need your help with them: How can I make the underline that appears when an item in the menu is active and the arrow of the dropdown folder for the "Services (Leistungen)" item appear slightly bolder? Both elements should be stylistically adjusted to match the font weight. Is there a way to have the dropdown folder in the desktop version appear not by clicking but by hovering over it? In this case, the "Back" option in the dropdown menu would need to disappear. How can I change the line spacing in the dropdown menu (the spacing between individual items is unfortunately much larger than in the main menu)? It should be adjusted to match the spacing of the items in the main menu. Looking forward to your help! https://www.lebendige-gaerten-hh.de/ lebendigegaertenhh2023

Hi, I would like all items in the accordion section to be open when the page is opened. However, they should be manually closable when on the page. Can someone help me with this? https://www.lebendige-gaerten-hh.de/ lebendigegaertenhh2023

Hi, I would like to create a drop shadow with 50% opacity for a specific image. Can someone help me with the code? https://www.lebendige-gaerten-hh.de/ lebendigegaertenhh2023

@tuanphan can you help me with the JavaScript code for the link in the form block text (as described above)? That would be great!

@tuanphan I unfortunately have another issue with the Form Block. I used code that replaces 'required' with an asterisk '*'. Unfortunately, two additional asterisks are displayed below it in the form. How can I remove them? A screenshot for visualization is attached.

@tuanphan I do have a Buisness Plan account. Could you help me with the JS code?

@tuanphan It concerns the form on this page. You'll find it as a lightbox under the 'join the class now' button. https://www.maltemartenmethod.com/free-mini-class How do I find the form ID or how can it be created? I have another question: Is it possible to turn a word in the text 'Enter text here' (below in the code) into a link? Appreciate any help! .form-button-wrapper:after { content: "Enter text here"; display: block; margin-top: 5px; }

Hello, I used the following code to place a disclaimer text under a form block (lightbox). Unfortunately, the text also appears under my contact form. I want the text to appear only under a specific block. How can I achieve this? I've already tried using Block ID but couldn't make it work. I appreciate any assistance you can provide! .form-button-wrapper:after { content: "Enter text here"; display: block; margin-top: 5px; } https://maltemartenmethod.squarespace.com/ maltemartenmethod2024!

Hello, how can I change the language of all headings/points in the contact form without changing the site-wide language function? I would greatly appreciate some help and a suitable code! https://maltemartenmethod.squarespace.com/ maltemartenmethod2024!

@paul2009 The domain name is > maltemartenmethod.com

Hello, I need help with a small issue on my website. I'm currently trying to connect my third-party domain to my Squarespace site. I've added all the necessary DNS records in the DNS settings of my external domain provider. In the DNS settings on Squarespace, it also shows that the records have been found (see attached screenshot). Unfortunately, the site hasn't linked up for more than 3 days, and it's showing a DNS error. Can someone assist me with this? Site: https://maltemartenmethod.squarespace.com/ Paword: maltemartenmethod2023

Hello, I need help with a small detail on my website. I would like to have the top corners of a specific video player square and the bottom corners rounded. How can I achieve this for this individual video? I've already inserted a CSS code that rounds all video corners. Looking forward to your assistance! Site: https://maltemartenmethod.squarespace.com/ Paword: maltemartenmethod2023

@tuanphan Regarding the different formats, I'm not exactly sure what you mean. Could you explain that again? I've tried again, and in Chrome and Safari, everything is now displayed correctly as it should. However, in Safari (only!), the font in the site menu is somehow displayed larger than desired. How can I adjust that? The issue still persists in the Firefox browser, and the font is still noticeably bolder than desired. Do you know what could be causing this? And is there a way to change it?

@tuanphan I've uploaded a custom font with various font weights and use it for specific paragraphs and headings. Unfortunately, the paragraphs are not displayed correctly in the browser. The font appears much bolder, but it should be significantly slimmer. Attached is an image (left) from the Squarespace preview where it is displayed correctly, and on the right is the browser view. What do I need to change to ensure that the font is displayed correctly? Here's the code I've entered. I would greatly appreciate any help! Site: https://maltemartenmethod.squarespace.com/ Paword: maltemartenmethod2023 Code: /*Custom Font*/ @font-face { font-family: 'NeulisNeue-Light'; src: url(https://static1.squarespace.com/static/65731716193b7c7838fafff6/t/658ff397cbd6c827388b53aa/1703932824061/NeulisNeue-Light.otf); } @font-face { font-family: 'NeulisNeue-Regular'; src: url(https://static1.squarespace.com/static/65731716193b7c7838fafff6/t/658feb21f8973a39163ed429/1703930657551/NeulisNeue-Regular.otf); } @font-face { font-family: 'NeulisNeue-ExtraLight'; src: url(https://static1.squarespace.com/static/65731716193b7c7838fafff6/t/6594861916c21c08653cb93d/1704232473658/NeulisNeue-ExtraLight.otf); } h1 { font-family: 'NeulisNeue-Light'; font-weight: 100; font-style: regular; font-size: 6.2rem; letter-spacing: -0.02em; text-transform: none; line-height: 1.2em; } h2 { font-family: 'NeulisNeue-Light'!important; font-weight: 100; font-style: regular; font-size: 4rem; letter-spacing: -0.04em; text-transform: none; line-height: 1.2em; } h3 { font-family: 'NeulisNeue-Light' !important; font-weight: 100; font-style: regular; font-size: 2.1rem; letter-spacing: -0.03em; text-transform: none; line-height: 1.4em; } h4 { font-family: 'NeulisNeue-Light'; font-weight: 100; font-style: regular; font-size: 1.7rem; letter-spacing: -0.03em; text-transform: none; line-height: 1.4em; } .sqsrte-large { font-family: 'NeulisNeue-ExtraLight'; font-weight: 100; font-style: regular; font-size: 1.5rem; letter-spacing: -0.02em; text-transform: none; line-height: 1.6em; } p { font-family: 'NeulisNeue-ExtraLight' !important; font-weight: 100; font-style: regular; font-size: 1.2rem; letter-spacing: -0.03em; text-transform: none; line-height: 1.6em; } .sqsrte-small { font-family: 'NeulisNeue-ExtraLight'; font-weight: 100; font-style: regular; font-size: 1.1rem; letter-spacing: -0.02em; text-transform: none; line-height: 1.6em; } .sqs-block-button-element { font-family: 'NeulisNeue-Regular' !important; font-size: 1.1rem !important; } .newsletter-form-button { font-family: 'NeulisNeue-Regular'!important; } /*Navigation in Custom Font*/ .header-nav-item { font-family: 'NeulisNeue-Regular'!important; font-size: 0.9rem !important; }

@tuanphan could you take another look at it? Unfortunately, the same issue still persists. I would greatly appreciate your help!

@tuanphan I deleted the code for now. Do you have another idea on how to solve this differently?