change the scroller button color

Discussion in 'Woodpecker WordPress Business Theme' started by deveshd, Aug 27, 2014.

  1. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Where do I change the color of this slider/ scroller button?
    Screen Shot 2014-08-26 at 4.02.33 PM.png
    PS: I looked into image directory but there was no image for this.
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Which color do you want in scroller button.


    Thanks & Regards
    Yogesh Bhade
     
  3. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Will you please provide URL.
    Thanks & Regards
    Pramod
     
  5. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .nivo-directionNav a.nivo-prevNav,.nivo-directionNav a.nivo-nextNav
    {
    background:#55BE47  !important;
    }
    Thanks & Regards
    Pramod
     
  7. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Works but created another small issue. Now the whole button is green, even the white arrow marks inside the button is now green, how do I fix this?
    Compare the pink button screenshot shared in original post and green buttons in screen shot below.
    Screen Shot 2014-09-03 at 3.01.52 PM.png
     
  8. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    You can change theme color from theme option panel.
    Previously it was an image but here we set a particular color in the place of image.
    Please check different colors for theme.
    Thanks & Regards
    Pramod
     
  9. deveshd

    deveshd Member

    Joined:
    Jul 21, 2012
    Messages:
    282
    Likes Received:
    4
    Pramod: Thanks for the response. As mentioned in the earlier post/ thread. I'm not using any standard colours/ theme, I actually edited the pink.css to show my own brand colours, and to do so I followed the instructions from someone else's thread - http://www.inkthemes.com/community/threads/color-option-not-listed-in-demo.9464/ > after this everything changed to colours of my choice except for the scroller buttons & Bullet point icons. Now, bullet point icons were images and I found PSD in the directory but there are no images for the scroller button in the theme directory so I started this thread. With the codes given I was able to change the color of the button but the arrows are missing now. I do want the arrows on button otherwise no point of those two blank buttons.

    So, if those buttons are images, please tell me where they are in directory or send me as attachments (psd preferred) and if these are just theme colours then tell what codes to edit to make sure my arrow marks show even on green buttons?
     
  10. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    You have to edit pink.css file to achieve this.
    Please remove previous custom CSS and follow below image.
    Thanks & Regards
    Pramod
     

    Attached Files:

Share This Page