To insert code use <code>...</code>.
Change color of arrows in Anything Slider
  • Vote Up0Vote Down mvpeenmanszaakmvpeenmanszaak
    Hi,

    I would like to change the color of the left and right arrows in the Anything slider. How to do so?

    I tried to replace 'slide_right.png' and 'slide_left.png' (themes/striking/images) with images i created myself, but nothing happened.

    Thanks in advance!

    Cheers,
    Michiel
  • 3 Comments sorted by
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Michiel,

    You can't do this this way because it is a sprite. Please open the psd files that came with your theme and alter the next prev button in there and recreate the sprite without copyright info in the png file.

    You need to have photoshop or any other program which can read psd files.

    http://css-tricks.com/css-sprites/

    you can however change the css code like this using the current buttons.


    div.anythingSlider .forward a {
    background: url("../images/anything_slider_sprites.png") no-repeat scroll -56px 0 green;
    filter: alpha(opacity=50);
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    }
    div.anythingSlider .back a {
    background: url("../images/anything_slider_sprites.png") no-repeat scroll -16px 0 green;
    filter: alpha(opacity=50);
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    }


    add this code to the custom css field in the striking general settings and the buttons will be green.

    Best regards,
    Striking Team
    Paul

  • Vote Up0Vote Down mvpeenmanszaakmvpeenmanszaak
    Hi Paul,

    Many thanks! The CSS works great!

    Cheers,
    Michiel
  • Vote Up0Vote Down BackuPsBackuPs
    Hi Michiel,

    Great you liked it..... (of course it worked !!) LOL.

    Best regards,
    Striking Team
    Paul
Add a Comment