Okay
  Public Ticket #2009412
Change the color of navigation buttons
Closed

Comments

  • HUSTACHE started the conversation

    How can we change the color of the navigation buttons: next, start, stop ......
    Thank you

  • [deleted] replied

    Hello HUSTACHE,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    Unfortunately, at the moment there is no built-in option in the plugin to relocate or edit the navigation areas, you would need to do some coding to achieve it. Please note that it requires custom coding and web development experience so it is not recommended for inexperienced users.
    Alternatively, you can make a new skin or modify one, but it also needs some CSS knowledge.

    You can approach this two ways. You can either edit the image file that contains the arrows. It was created with a "CSS sprites" method, meaning that only certain parts of the image is being showed. As long as you do not change the arrows' sizes drastically and leave it in the correct position in the image file, you can freely change it. This method does not require CSS editing.

    Or you can edit the skin.css file or use the Custom CSS Editor. The classes you are looking for are .ls-nav-prev, .ls-nav-next

  • HUSTACHE replied

    The css below does not change the color of the buttons !!

    .ls-nav-prev, .ls-nav-next {
      color: # 235c68! important;
      }

    Best Regards,

  • [deleted] replied

    It does not work because this code is not valid.

    This is how it should look:

    .ls-nav-prev, 
    .ls-nav-next {
    color: #235c68 !important;
    }

  • HUSTACHE replied

    it's the same thing, except you put the class on 2 lines, but it's the same thing

    Best Regards,



  • [deleted] replied

    It is not. Please note the extra spaces you put in the color line.

  • HUSTACHE replied

    I copied your code in my css editor, it does not work better, no color change.
    .ls-nav-prev,
    .ls-nav-next {
    color: # 235c68! important;
    }
    I emptied the history of my browser, as a precaution.
    I usually do css.

    Best Regards,

  • [deleted] replied

    That is still an invalid code. Please see the wrong spaces you are inserting to the color line.

    Compare them:

    color: #235c68 !important;

    color: # 235c68! important;

  • HUSTACHE replied

    I copied your code and it does not work?

    .ls-nav-prev,

    .ls-nav-next {

    color: #235c68 !important;

    }

    Try !

    Best Regards,

  • [deleted] replied

    Yes, it does. But you might be using it for the wrong skin.

    Some of the default skins are utilizing images for the nav arrows, so you have to edit the images in that case. Method described earlier.  

    And some of the skins have the basic nav arrows included to their skin, in that case you can use CSS.

  • HUSTACHE replied

    Too complicated for an average user, a major lack in your software see slider revolution.
    Other problem, see attachments

    Best Regards,

  • [deleted] replied

    That is exactly why I mentioned in my first reply, that this is advanced plugin customization and it requires custom coding and web development knowledge, so it is not recommended for inexperienced users. 

    I'm not sure what should we see on the first screenshot, but the text alignment option should be working. Please show us your site with the slider where we can check on this.

  • [deleted] replied

    Thank you. The problem seems to be related to the text transition, but we'll check on it and get back to you.

  • [deleted] replied

    I've contacted with the dev team and the problem is indeed related to the text transition. The text transition handles each character separately in a text to animate it, while the justify setting would need them to be together, as a complete text block. Currently, you cannot use the justify alignment for text with text transition applied.