Custom CSS for prev next buttons

jelar / 2009-02-27 16:37:46   

HI
Can i change the styling for the PREV NEXT buttons in the slideshow plugin, so that it doesn't take on the same style as default links??

Thanks

cruz / 2009-02-27 16:55:09   

Hmm! I think so. Their ids seem to be "prev" and "next", you could try #prev a {… and #next a {… but let vaska confirm this.

cheers

cruz / 2009-02-27 16:55:12   

I shall say this only twice ;) it's the blue barless safari 4

cacchita / 2009-03-03 09:37:24   

Hi, I have installed the Linkskursiv and Muller exhibit, and everything is just the way I wanted, except that the NEXT/PreV words have disappeared, and only have two little arrows left.WHat do I have to change to get those words back?PHP?
this is my web

http://www.lacanica.es/index.php?/info/julie/

thanks.

cacchita / 2009-03-03 10:08:42   

i fixed it allready..thanks anyway.

Muzzac / 2009-04-03 10:52:28   

i am also trying to customize Prev/next buttons (people don't see them -> don't click.
i'm sorry, i didn't answer cruz's answer (i'm very new to all this)
Thanks for any help,
muriel-brisac.fr

Citizen / 2009-04-08 14:41:18   

Hmmm, I would also like to know how this is done.

lemathieu A / 2009-04-10 15:46:26   
  1. Ednacional done it in his template‚Ķ
  2. You must like round corners (moz-border-radius) to use it like that, but it's a good starting point.
  3. /* SLIDE SHOW - Navigation */
  4. ¬†¬†¬†¬†p.nav a {
  5. ¬†¬†¬†¬†¬†¬†¬†¬†background-color: #eeeeee;
  6. ¬†¬†¬†¬†¬†¬†¬†¬†padding-top: 3px;
  7. ¬†¬†¬†¬†¬†¬†¬†¬†padding-right: 9px;
  8. ¬†¬†¬†¬†¬†¬†¬†¬†padding-bottom: 3px;
  9. ¬†¬†¬†¬†¬†¬†¬†¬†padding-left: 9px;
  10. ¬†¬†¬†¬†¬†¬†¬†¬†font-size: 11px;
  11. ¬†¬†¬†¬†¬†¬†¬†¬†font-family: Georgia, serif;
  12.         -moz-border-radius-bottomleft:3px;
  13.         -moz-border-radius-bottomright:3px;
  14.         -moz-border-radius-topleft:3px;
  15.         -moz-border-radius-topright:3px;}
  16. ¬†¬†¬†¬†p.nav a:hover {
  17. ¬†¬†¬†¬†¬†¬†¬†¬†background-color: #cccccc;}
  18. ¬†¬†¬†¬†p.nav span#num {
  19. ¬†¬†¬†¬†¬†¬†¬†¬†letter-spacing: 2px;
  20. ¬†¬†¬†¬†¬†¬†¬†¬†font-family: Georgia, serif;
  21. ¬†¬†¬†¬†¬†¬†¬†¬†font-style: italic;
  22. ¬†¬†¬†¬†¬†¬†¬†¬†padding-left: 20px;}

Hope this helps…

lemathieu A / 2009-04-10 15:47:19   

You just have to inset it at the end of your style.css

salvatoresantoro / 2010-03-01 10:16:07   

thank's
i use this in http://www.salvatoresantoro.net

wizdom / 2010-03-09 01:46:11   

thanks for the code lemathieu, I couldnt figure it out.

This thread has been closed, thank you.