JasminMunich
-
Posts
13 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by JasminMunich
-
Site URL: https://diedesignwerkstatt.squarespace.com/ Hi there, I have integrated a video on the home page of my site (+ the plugin background video controls) and uploaded a mobile fallback image. I would like the fallback image to always appear on mobile and not play the video on mobile at all. Site is https://diedesignwerkstatt.squarespace.com/, password: test123 Can anyone help here? Thank you! Jasmin
-
Auto hyphenation body text - code doesn't show hyphens
JasminMunich replied to JasminMunich's topic in Customize with code
Hi, on mobile it looks fine, but not on desktop. Do you know a solution for this? Thank you
-
The hover is still there, but the content is now centered. Thank you 🙂
- 4 replies
-
- 1
-
-
- sizes
- squarespace-7.1
- (and 3 more)
-
It worked!! Thank you!! I see that on mobile the text is not centered. I tried to add "{ text-align: center }", but that didn't work. Can you help here? And how can I turn off the hover effekt on mobile? Pics attached. Thank you!
- 4 replies
-
- 1
-
-
- sizes
- squarespace-7.1
- (and 3 more)
-
Site URL: https://diedesignwerkstatt.squarespace.com/ Hello, I would like to enable automatic hyphenation in body text. Attached code works, but other characters are displayed instead of a hyphen. What do I need to add in the code so that hyphens are added? This is the code: // Enable word hyphenation body text p { -webkit-hyphens: auto !important; -moz-hyphens: auto !important; -ms-hyphens: auto !important; hyphens: auto !important; } Thank you!! Greetings Jasmin
-
Site URL: https://diedesignwerkstatt.squarespace.com/ Hello, I would like to style the title size of a page differently for mobile and desktop. The code for the desktop page would be #collection-6166d3ebdb2e18c3871609 h1 { font-size: 80px; } The code for the mobile page would be #collection-6166d3d3ebdb2e18c3871609 h1 { font-size: 40px; } But what is the code that squarespace recognizes that one is desktop and the other is mobile? If I put @media screen and (max-width: 690px) in front of the other code for mobile for example, it doesn't work. Page on website: Services // Site password: test123 Thanks a lot! Greetings Jasmin
- 4 replies
-
- 1
-
-
- sizes
- squarespace-7.1
- (and 3 more)
-
And I could't solve the problem with the same button width & height. Maybe you can help here as well 🙂
-
Thanks for your help! 🙂 The code worked fine for one button, but I want all buttons to have 1px border line. Could you also help here? Regarding #1: I had to change the header style from dynamic to style, that's why the thin line is no longer adjusted. But I would like to have it again after the header in 1px colour #oooooo. On the about page the button problem is still there. On smaller devices, the buttons move to the right and are no longer centred. What could be the reason for this? Thank you so much!
-
Btw: I want to change the button border line in general to 1px.
-
Hi there, I also would like to adjust the height and width of the buttons so that they are always the same (both on the home page and on the about page). Unfortunately, the code did not work for me. I would also like to have the border line as thin as the header line. and I've seen that the "production" button on the about page moves weirdly to the right on smaller devices. Maybe you can help @SquareRefresh? Thanks in advance! Site link is https://diedesignwerkstatt.squarespace.com/ Password: test123 Thanks! Jasmin
-
I was able to solve number 3 with the following code: /* portfolio pagination */ .item-pagination[data-collection-type^="portfolio"] .item-pagination-title { font-size: 1em; } However the portfolio pagination is now also smaller on desktop. Can somebody reword the code so that it works on mobile only?
-
Site URL: https://diedesignwerkstatt.squarespace.com/ Hi there, I want to make some changes regarding a portfolio section on mobile view. Am I right that there is no way at all in squarespace to change the mobile view except by code? My 3 questions about the portfolio "Services" : 1. Is it possible to reduce the title size on mobile view? Desktop looks fine, mobile is cut off. Also I would like to add space between words here to distinguish the words clearly. 2. On the portfolio subpages, I have a bulleted list. Here I would like to increase the margin space on the right. How can I insert paragraph markers that squarespace does not automatically delete on mobile? 3. The portfolio navigation at the bottom of the page is unfortunately not displayed correctly on the subpage "Design", because the size of the words is too large. How can I make them smaller? For a better illustration please have a look at the attached png. The link to the page is https://diedesignwerkstatt.squarespace.com/ Password: test123 I am so grateful for any help!!! Thanks, Jasmin
