UNLOCK GALLERY "Need a Hint" font issue.

DeeRich

I cannot count the times people have tried to get into a password protected gallery ("UNLOCK GALLERY"), then call me with this: "The gallery is locked...I don't know the password." (trust me, they would know). I will ask: "Did you click the 'Need a Hint?'" button. They reply: "Uh, no....I didn't see it."

Question: Is there a code to make the "Need a Hint?" font RED (or some other very bright color)?

Thanks,

Dee Rich
RichardsPixels.com
RichardsGalleries.com
oursite.smugmug.com

Allen

Add this to your "entire site" CSS and see if it works.

.sm-node-password-show-hint {color:red !important}

DeeRich

Allen wrote: »

Add this to your "entire site" CSS and see if it works.

.sm-node-password-show-hint {color:red !important}

It works! Fantastic!!!! Just one more thing...is it possible to make the font a bit larger and change it to say: Need a Hint? Click here." Or, one or the other?

Dee

Allen

DeeRich wrote: »

It works! Fantastic!!!! Just one more thing...is it possible to make the font a bit larger and change it to say: Need a Hint? Click here." Or, one or the other?

Dee

Try this

.sm-node-password-show-hint {
  color:red !important;
  font-size: 18px !important;
} 

.sm-node-password-show-hint:after {
  content: ' Click here' !important;
} 

.sm-panel-padded {
   width: 370px;
   position:relative;
   left: -15px; /* center new width */
}

Allen

Might have to add the password page class name as "sm-panel-padded" might be used elsewhere.

#sm-node-password .sm-panel-padded {
   width: 370px;
   position:relative;
   left: -15px;
}

DeeRich

Allen wrote: »

Might have to add the password page class name as "sm-panel-padded" might be used elsewhere.

#sm-node-password .sm-panel-padded {
   width: 370px;
   position:relative;
   left: -15px;
}

Alan, this is perfect. I did change the font size to 16. It's exactly what I wanted...should never again have people calling me, all confused, saying they "needed a password...what is it?"

Thank you SO much,