share/info etc icons

b-grinner

Is there CSS code to have corresponding text appear beside the share, info, photo size icons on gallery pages?

Thanks and I look forward to your reply.

Allen

b-grinner wrote: »

Is there CSS code to have corresponding text appear beside the share, info, photo size icons on gallery pages?

Thanks and I look forward to your reply.

I think it was in this thread.
http://www.dgrin.com/showthread.php?t=237930

But if not, I copied what I have in "all galleries" CSS

.sm-button.sm-button-image-download:after {
    content: " Download" !important;
}

.sm-button.sm-button-image-sizes:after{
content:" Sizes"
}

.sm-button.sm-button-image-comment:after{
content:" Comment"
}

.sm-button.sm-button-image-info:after{
content:" Photo Info"
}

.sm-button.sm-button-image-like:after{
content:" Like"
}

.sm-lightbox-panel .sm-button.sm-button-image-share:after{
content:" Share"
}

.sm-button.sm-button-image-map:after {
content:" Map This"
}

I changed the "X' in lightbox to words. Did have "Exit" but like this better.

.sm-user-ui .sm-lightbox-tools .sm-lightbox-close:after {
  content: ' Return to Gallery';
  font-size: 18px;
}

   /* optional box around lightbox exit */
.sm-user-ui .sm-lightbox-tools .sm-lightbox-close{
   background-color:red!important;
   border:1px solid #fff;
   color:#fff;
   font-size:14px;
   opacity:1.0
}

James Lyall

Allen wrote: »

[/code]I changed the "X' in lightbox to words. Did have "Exit" but like this better.

.sm-user-ui .sm-lightbox-tools .sm-lightbox-close:after {
  content: ' Return to Gallery';
  font-size: 18px;
}

   /* optional box around lightbox exit */
.sm-user-ui .sm-lightbox-tools .sm-lightbox-close{
   background-color:red!important;
   border:1px solid #fff;
   color:#fff;
   font-size:14px;
   opacity:1.0
}

Allen, thank you for this modification "Return to Gallery", most helpful.

QUESTION: I have posted this before but never had a satisfactory answer.
If I prefix the code with ".sm-user-ui", the CSS does not work.
Deleting the ".sm-user-ui" solves the problem and the CSS works fine.
Have you any idea why this should be so.
I am grateful to you for your time and knowledge.

Allen

I added mine to a smugmug style gallery, perhaps you're opening lightbox from another gallery style?
Otherwise I don't have a clue.

James Lyall

Allen wrote: »

I added mine to a smugmug style gallery, perhaps you're opening lightbox from another gallery style?
Otherwise I don't have a clue.

All of my galleries are smugmug style. Odd! Anyway, it works OK and that's all that matters.

Allen, could you possibly answer another small query for me when you have a moment?

A couple of years ago, I used a standard version of WebDev toolbar. It used to let me change CSS and see the result in real time. Nothing was permanent and the changes reverted on closing the WebDev CSS window. I stopped using it ages ago, having got my site the way I wanted. The new SM has required me to wake up to code again but lack of use has allowed a degree of rusting!

I use Firefox and I downloaded the latest Web Dev 1.2.5 by Chris Pederick.
This does not seem to work in the same way, does not allow real time CSS experimenting and does not throw up the component IDs as the old version did. What do you recommend?

I'm most grateful to you for the help you have given me since joining SM.

Allen

I'm using Web Dev 1.2.5 here with no problems in Firefox23.0.1.

James Lyall

Allen wrote: »

I'm using Web Dev 1.2.5 here with no problems in Firefox23.0.1.

Thanks Allen, I am using exactly the same. I'd better get in some practice!