CoorlasArchitecture

Awesome Thank you so much. Can I also nudge the top padding? I know it's a very minor detail, but it's so close to match the other pages now.

I sincerely appreciate your efforts and am very grateful for your help.

Awesome - Thank you for the code snippit

5 hours ago, tuanphan said:

This title?

Yes, exactly. I'd like that title "Products" to match my Heading 1 font in bold and left justified if possible.

It it also possible to reduce the product page width to match the other pages? 

Is there any way for the conversion fee charged by PayPal or Stripe to be added to the purchaser? I've seen some code injections to add pull down menu's to change the currency on the product page, but curious if this is an option to toggle on anyway on the squarespace?

https://www.coorlasarch.com/products

Hello - Having a similar issue with my main header title font. I want it to match the other headers I have on my remaining pages with is my header 2 and bolded. Also if possible I'd like to left justify it like the other pages:

https://www.coorlasarch.com/products

Is there any way for the gallery block to be responsive between the desktop and mobile versions of the website (for a slideshow type gallery). The mobile version crops the images so terribly it's almost comical.

This works - Thank you!

Certainly - See below:

https://www.coorlasarch.com/contact

I entered the site URL in the topic form (empty form attached for reference) with the original post, but this forum seems to have an issue of not showing it anywhere after it's posted... That needs to be fixed too 😛

The input text sizes vary across the different forms fields. I used this CSS code previously, but it no longer seems to work:

.form-wrapper .field-list {
 .field {
   .caption {
     .field-element {
       /* Text in the field boxes (First Name, Last Name) */
       font-size: 1.2rem;
     }
   }
   .field-element {
     /* Text in the field boxes (inc placeholder text) */
     font-size: 1.2rem;
   }
 }  
}

Any assistance is greatly appreciated. I'd like all the input text across all fields to be the same size.

Thank you in advance,

Stephen

20 minutes ago, Ziggy said:

@Bridie This updated code should help that as well:

html.squarespace-damask .sqs-blockStatus, .sqs-block .removed-script {
  display: none !important;
}

Give it a thumbs up if that worked!

 

@CoorlasArchitecture apologies for the late update, but I hope this still helps!

Cool - This worked. Thank you!

Is there any way to customize the length of the fade between animated gallery images. Not looking to lengthen the duration for each image. I'm asking to lengthen the actual fade effect - it's so abrupt. I'm like a smooth slow fade between images, please...

Upon first arriving to my site on any mobile browsing app the buttons with links require 2 taps to activate a page jump. It looks like the button will highlight upon the first tap and then activate upon a second tap. Unresponsive buttons are very disruptive to our visitors mobile experience. Is there anything causing this issue? There are no overlapping text or content boxes atop the buttons in edit mode. Thanks for your input. 

This happens with my buttons as well. The first taps seems to highlight the button and then the second will activate the button link. Very frustrating.

On 1/3/2023 at 2:59 PM, Ziggy said:

Can you try this Custom CSS to hide the warning message?

html.squarespace-damask .sqs-blockStatus {
    display: none !important;
}

It may only work when in the CSS panel, but if it does it will allow you to then go back into editing the page and shrink the block down.

Yes! This worked. There is still a snippit at the bottom that reads "Script Disabled" which is preventing it from being minimized completely. But this worked to reduce the height. Thanks again for your input!

2 minutes ago, Ziggy said:

Yes, I'm sure!

Once that grid has rows they don't disappear, with the old columns they were just the height that the content in them was. 

Can you share the embed code you're using, maybe I can find a technique to help you shrink the code block. (I'm guessing it won't drag any smaller than you currently have it?)

Correct - it will not drag any smaller. It's like that 'warning' label at the top of the embed is preventing it from shrinking.

Here is the embed code:

<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/697084704?h=e655d88f72&autoplay=1&loop=1&title=0&byline=0&portrait=0&muted=1" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

Thanks for your input on this!

2 hours ago, Ziggy said:

Embeds are tricky to deal with in the Fluid Engine grid editor. Typically you have to try and guess the size and match that in the grid. Embedded content with stretch the code block to fit, but isn't likely to be responsive so you just have to try and accommodate it the best you can and deal with the spacing.

Can you share your website URL and page so I can get a better idea of what's going on specifically for you?

(I'm not sure the "preview in safe mode button" has ever done anything for me)

Here's the URL

https://www.coorlasarch.com/residential/wilmette-home-addition

It worked fine before I updated the section to the fluid engine grid editor. It's like that warning during editing is preventing the grid height from being reduced. A bit frustrating.

I upgraded my page to the new grid editing, and now the spacing for one of my embedded videos is not resolvable. A note stating "this block contains embedded scripts..." resides at the top of the video embed forcing the grid count on the section to be greater than necessary. There is a button to "preview in safe mode" which does nothing. I tried recreating the embed, but the issue persists. What gives?

In a handful of days this post will be 3 years old without any integral solution rolled out. I along with many others have contacted customer support with this request. Is it really that difficult to script a toggle switch to activate/deactivate a portfolio page. Why?

I want to hide the NEXI 3D Printed Chair page so I can provide a button link somewhere else on my site

Hide this one:

Site URL: https://www.coorlasarch.com/projects

I am looking to simply Hide (Not Disable) a project page from my portfolio page so that I can provide a link elsewhere on my site. I cannot find a "hide" or even a disable option for individual project pages while editing before launching live.

Is this for real?

Maybe I'm missing something really simple here...

Here to voice my frustration. Really wish I researched more before building my entire website on this platform. Time and time again Squarespace seems to be missing very basic design and operation functionalities requiring additional code to resolve their lack of design. 😑

I just want to hide a project page from the portfolio view but link it somewhere else in my website. Why would this function not be considered by their design team, this seems so basic.

I found this from the the 3rd party host:

add "?wheel=false" to the end of the html embed code

which worked to stop the scrolling, but I'm still looking for a mouseover css that responds only to these embeds with a crosshair arrow or something to indicate that it's interactive.

Site URL: https://www.coorlasarch.com

Is it possible to add a "Use ctrl + scroll to zoom" (Similar to google maps embed) on other 3rd party embeds?

I have 360 spherical views on my website, and when users scroll through the interactive 360 view (embed), they tend to get caught in a virtual world.

Perhaps this is only achievable through the 360 View hosts code?

10 hours ago, CoorlasArchitecture said:

.form-wrapper .field-list {
 .field {
   .caption {
     /* Captions of fields (eg First Name, Last Name) */
     font-size: 1.2rem;
     .field-element {
       /* Text in the field boxes (First Name, Last Name) */
       font-size: 1.2rem;
     }
   }
   .field-element {
     /* Text in the field boxes (inc placeholder text) */
     font-size: 1.2rem;
   }
 }  
}

This code seems to have solved the issue. 

I found a longer CSS code with more modifiers such as font style and color,  and manipulated it to only change the font for all fields including the First and Last Name:

.form-wrapper .field-list {
 .field {
   .caption {
     /* Captions of fields (eg First Name, Last Name) */
     font-size: 1.2rem;
     .field-element {
       /* Text in the field boxes (First Name, Last Name) */
       font-size: 1.2rem;
     }
   }
   .field-element {
     /* Text in the field boxes (inc placeholder text) */
     font-size: 1.2rem;
   }
 }  
}

Not sure if this can be paired down further. When I eliminate the "Captions of fields" section it stops working on the First Name, Last Name fields. I'm not sure of that's because the name fields are hosted in that Captions of fields bracketing?

Can this CSS code be more efficient?