onika

Hello, I am working on a new website for a client which is about to get launched. The old website had a lot of pages on their current website which will not be used on the new site as the site structure has been changed coompletely. I now we can use the URL mapping to add the 301 redirect, but as we are looking at a lot of pages, I was wondering if there is a way to redirect all old pages using code to automatically redirect all previous URLs? Is this at all possible? Thank you for any advice. Onika

@tuanphan the photos also do not display correctly on mobile is there a way to adjust them for different screen sizes as well. So basically I need to upload the photos in the CSS and then need copy and past the https for each photo is that correct?

@tuanphan just tried again and now it is working. Is there any chance to reduce the image size?

@tuanphan found it, thank you very much. I tried #14.2, but for some reason it does not show the photo. Is there anything I am missing? https://issylux.squarespace.com/fenster-sonnenschutz PW: test1234 First accordion block Thank you

@tuanphan Thank you, could you send me the link again to your accordion post and I will have look at 14.2 and 14.3?

@Ziggy Thank you again, these are working perfectly!

Hi, I am trying to reduce the size of the arrows in the gallery slideshows for mobile devices. I can't seem to find a solution or a correct CSS selector to get started with. Any ideas how I can get this done? Thanks URL: https://yellow-design.squarespace.com/yellow-design-projekte/master-3e7fp PW: test123

@Ziggy of course! You are right and it is working! Thank you so much.

@Ziggy Thank you very much for helping and looking into this. As we only want part of the headlines to be bold, uploading the bold version will not really help. I guess we might have to work with different colours then 🙂

@Ziggy unfortunately this does not work. The words in bold, are still not showing as bold in Safari? Its not the whole sentence that needs to be bold, but selected words...

Yes there is a custom font installed: @font-face { font-family: 'DINPro'; src:url(https://static1.squarespace.com/static/6523aadb11b9db66033889ab/t/6523ac2122640a4ea69823e3/1696836641423/DINPro-Regular.woff); } @font-face { font-family: 'DINProlight'; src:url(https://static1.squarespace.com/static/6523aadb11b9db66033889ab/t/653628422a85696f717cb24d/1698048066669/DINPro-Light.woff); } h1, h2, h3, h4 {font-family: DINPro!important} p {font-family: DINPro!important} .sqsrte-small {font-family: DINProlight!important} .sqs-block-button-element {font-family: DINPro!important} .form-block * {font-family: DINPro!important} The bold is the usual Squarespace setting in the text block. It shows fine in Chrome or Firefox, but in Safari the custom font shows, but not in bold.

Its https://yellow-design.squarespace.com/

Hi, I just realised that Safari is not showing bold text in Safari and on iOS. Does anyone have an idea how to get this fixed? See site URL and PW: test123 Thank you.

Fabulous! Thank you very much!

Hi @Web_Solutions, here is the link https://yellow-design.squarespace.com/team and password is test123 Thank you

Hi, For a team page I need to the image of the list section to reveal text and a background colour. I have used the following CSS to achieve this: section[data-section-id="652fa57ba5fa233481c325fb"] { .list-item-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; opacity: 0; } ul.user-items-list-simple li { position: relative } ul.user-items-list-simple li:hover .list-item-content { opacity: 2; transition: 0.5s ease; } .list-item-content * { max-width: 100% !important; }} as well as //-- List Color blend on hover .list-item:hover .list-image {filter: grayscale(0); opacity:.25} .list-item-media-inner {background: linear-gradient(45deg, #F3FD01, #F3FD01)!important} However this is also for other lists on the site, which do not need to reveal text on hover. Anyway, my issue is that there is slight yellow border on the left of the photos when the page is loading and before the actual hover. I can't seem to get find the reason why this is happening. Is there anything I can do about this? Thank you for any advice.

Thank you very much, this is working perfectly!

stillness

Thank you, this is perfect. I was looking for it and completely missed it. Now I found it and it is the answer to my question!

Hi all, I am looking at option how to add a video gallery to my clients website. Unfortunately there still does not seem to be a gallery section just for videos in 7.1, is this correct? As a workaround I know I can add a gallery to a blank section and embed videos via the little "+" sign. However, if I do this the caption/description I add for the video does not show. How can I get the description of an embedded video to show under the video in the gallery? As always, thank you very much for your advice. Onika

@tuanphanthis is the URL https://stillness-within.squarespace.com/ - I added the following code, but the navigation does not split: /*Make split navigation*/ .header-nav { position: absolute; top: 5px; bottom: 0; margin-top: 0!important; margin-left: -50px!important; } .header-nav-item:nth-of-type(2) { margin-right: 340px!important; } .header-title-logo a { z-index: 1000; position: relative; } There is no code interfering as far as I can tell. Thank you so much for your help!

@tuanphanThank you for your response. This is really strange as I am hardly using any customised CSS, just the Squarekicker extension. Could that be a reason. The site is still on trial and will launch next month using the Business Plan. It would be great if you can give me another code to create a split navigation. Thank you.

Hello, I am would like to create a split navigation using the code from Station 7, see here /*Make split navigation*/ .header-nav { position: absolute; top: 5px; bottom: 0; margin-top: 0!important; margin-left: -50px!important; } .header-nav-item:nth-of-type(2) { margin-right: 340px!important; } .header-title-logo a { z-index: 1000; position: relative; } This used to work perfectly fine, but since using Fluid Engine, the split does not work anymore and the links are all pushed to the left side. Is there any way to make this work in Fluid Engine? Thank you for your help.

Thank you, this is now working perfectly!

Is there any chance to align the title next to the icon so that it sits more centred to the icon?