[resolved] Replace Slideshow text button with a graphic?

Home › Forums › How-To and Troubleshooting › [resolved] Replace Slideshow text button with a graphic?

Tagged: 

This topic has 1 voice, contains 7 replies, and was last updated by  Kermit Woodall 89 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
Author Posts
Author Posts
29 January 2012 at 22:47 #5137

Kermit Woodall

Is it possible to replace the CSS/HTML generated slideshow button with a graphic? How would i do that if so?

Thanks!
30 January 2012 at 10:25 #5139

Marcel

Try to add this to your (child)theme style.css

a.lg_slideshow_button,
a.lg_slideshow_button:hover,
a.lg_slideshow_button:visited {
  background: transparent url('slides.png') no-repeat !important;
  padding: 16px !important;
  margin: 0px !important;
  font-size:0px !important;
  border: none !important;
  color: transparent !important;
  text-decoration: none;
  border-radius: 0px !important;
}

This is for a 32×32 pixel image.
You need all the !important bits because the lazyest-stylesheet loads after the theme stylesheet.
30 January 2012 at 14:25 #5144

Kermit Woodall

Thanks. That works pretty well except the button is about 15px higher than the text was. How would I move it back down?

K
30 January 2012 at 15:43 #5146

Marcel

try to add margin-top: 20px;
to the rules above. Or any other number instead of 20 that suit your needs.
30 January 2012 at 15:43 #5147

Marcel

try to add margin-top: 20px;
to the rules above. Or any other number instead of 20 that suit your needs.
30 January 2012 at 16:58 #5149

Kermit Woodall

I tried that and it doesn’t change anything. You can see it at http://aday.kermitwoodall.com/portfolio/bridegroom/

K
31 January 2012 at 10:25 #5154

Developer

This should work:

.thumb_images div.buttons {
  margin-top:20px;
}
31 January 2012 at 19:42 #5157

Kermit Woodall

That did it. Thanks!

Kermit Woodall
http://kermitwoodall.com
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘[resolved] Replace Slideshow text button with a graphic?’ is closed to new replies.

RSS RSS feed for this Topic