whitewolf

@creedon Okay, we'll give that a try. I thought we had but do you know why that would be happening?

Site URL: https://www.telemetrix-tech.com/homepage

Page URL: https://www.telemetrix-tech.com/homepage
Page Password: RestrictedForNow

Issue: At the bottom of this page is a form as well as a newsletter form in the footer. I'm on windows and everything's looking great in Chrome for those forms but our UI reviewer uses Mac/Chrome combo and the form placeholders are not showing. I tried debugging with another team member who has a Mac but all we could really determine is that the inputs are getting a height of 0, instead of leaving room for content. 

When we inspect the code and compare to another of our sites on Squarespace, using all the same stylings, the placeholder text is showing and everything is the same as on my windows machine. 

I'm really not sure what's causing the issue and I'd appreciate help if someone knows something that could cause this on this specific site. I've also attached what I'm seeing and the screenshot they had sent. (There was an update since the Mac screenshot where I've changed the Message input from textarea to just text.)

Thanks in advance for help.

21 hours ago, StudioVulcan said:

he same code works 90% except for the hover just looking dull...

On your hover selector add an 

opacity: 1;

SS button hovers typically will fade the opacity on hover. I think I forgot to add that in the code I shared before but I'll update that post for other's future reference. 

Sorry I wasn't able to reply, it's been a busy day. Glad you were able to find it!

Should be in the product-description.item file based on the page classes.

Try this and let me know if it works. It worked on the front end so it should work in the Custom CSS editor as well.

EDIT: Updated to use the styles you posted above so you can just copy-paste.

.sqs-block-button .sqs-block-button-element--medium.sqs-block-button-element {
  font-family: ff-good-headline-web-pro-condensed;
  letter-spacing: .1em;
  line-height: 120%;
  font-weight: 600;
  text-transform: uppercase;
  border-color: #f1c40f;
  border-width: 3px;
  color: #f1c40f;
  background-image: -webkit-linear-gradient(45deg, #f1c40f 50%, transparent 50%);
  background-image: linear-gradient(45deg, #f1c40f 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  padding-top:12px;
  padding-bottom:12px;
  padding-right: 35px;
  padding-left: 35px;
  border-radius: 8px;
}
.sqs-block-button .sqs-block-button-element--medium.sqs-block-button-element:hover {
  background-position: 0;
  color:#0F0E0F;
  padding-top:15px;
  padding-bottom:15px;
  opacity: 1;
}

Looks like it's using the product-description.item file to render the page. I'm not seeing anything in the JSON that shows any of that content, so my guess is it's hard coded in there.