• Resolved Kevinn02

    (@kevinn02)


    Hello,

    Can you give me the right css code to change the color of the previous/next buttons in the slider?
    I looked at jquery.bxslider.css and tried different color codes, but no result..

    I hope you can help me out

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hey there Kevinn02,

    Hope you’re well today!

    Background of the prev/next buttons is not using color but image as a background. The image is located in your installation files here /wp-content/themes/accesspress-lite/css/images/controls.png. You’ll have to change the colors in the image by using image editor. Once done upload image in the same folder (name it something else then controls) and after that add this custom CSS to Appearance >> Theme Options >> Tools >> Custom CSS:

    .bx-wrapper .bx-prev {
    	background: url(images/YourImage.png) no-repeat 0 0;
    }
    
    .bx-wrapper .bx-next {
    	background: url(images/YourImage.png) no-repeat right 0;
    }

    Replace YourImage with the name of your image.

    Hope this helps ??

    Cheers,
    Bojan

    Thread Starter Kevinn02

    (@kevinn02)

    Hey,

    Thanks for your help. I picked controls.png and opened with photoshop and changed the color -> saved it as png and named it: controls2 and uploaded in the same folder. After that added the code (like you said):

    .bx-wrapper .bx-prev {
    	background: url(images/controls2.png) no-repeat 0 0;
    }
    
    .bx-wrapper .bx-next {
    	background: url(images/controls2.png) no-repeat right 0;
    }

    But the controls disappeared.. Nothing shows up, also the old controls are not there anymore..

    What to do?

    Hey there Kevinn02,

    Could you please post a link to your site so I can take a look? Additionally where did you put the code?

    Best regards,
    Bojan

    Thread Starter Kevinn02

    (@kevinn02)

    Hello,

    I put it in my custom css plugin, but also tried to put it in the custom css in the theme options tools (It is now in this theme options custom CSS).

    See the (test)website here: https://pdktest.gj-r.nl/decrom/

    Hey again Kevinn02,

    I checked your site and it appears that the images can’t be found (server is failing to load them).

    This could possible be issue with the permissions on the images folder. As an alternative you could try to upload the image to your media library. If you do that please replace the “images/controls2.png” part on both lines with the actual url of the image in your library.

    Please let me know if this helps ??

    Best regards,
    Bojan

    Thread Starter Kevinn02

    (@kevinn02)

    Hey Bojan,

    This worked perfectly! Thank you for the good support!

    Best regards

    Glad I could help ??

    Cheers,
    Bojan

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Slider previous/next colors’ is closed to new replies.