Okay
  Public Ticket #854288
Configuring buttons
Closed

Comments

  •  1
    Virgilio started the conversation

    Hello

    I'm installing the revolution  slider in one existing site with some buttons.

    I need to modify the color of the blue buttons and the font weight

           background-color: #344557
           font-weight: normal

    Can you tell me how?

    Best regards

  •  529
    Igor replied

    Just click on the Edit style button and change those values according to your needs

    Regards,
    Igor

  •  1
    Virgilio replied

    Hi Igor

    It seems that the edit style works for the caption but I need to modify the color of the button.

    Best regards

    Virgilio

  •  529
    Igor replied

    Hi,

    yes, you are right. The best way to do this is to override CSS style using your custom CSS template file.

    Regards,
    Igor

  •  1
    Virgilio replied

    Hi Igor

    I’ve created a custom.css file located in the css folder of the website template, with the following code:

    .bluebutton,

    .bluebutton_normal,

    .bluebutton.withcog,

    .bluebutton:hover,

    .bluebutton_normal:hover

    {

                   font-weight:normal;

                   background-color:#344557;

    }

    I doesn’t work.

    Can you help please?

    Regards

    Virgilio


  •  529
    Igor replied

    If you override CSS with the custom CSS you have to give it more importance than the one currently defined on the website

     font-weight:normal !important;

    Regards,
    Igor

  •  1
    Virgilio replied

    Hi Igor

    I really need your help. The custom.css code I invented doesn't work. I don't know if that code is correct. I don’t know how the button is called. I imagine that “bluebutton” would be the name but I’m not sure. Please take a look in my website and help me, please.

    www.arroteia.pt/escola 

    user: admin

    pass: admin

    Thank you 

    Regards

    Virgilio

  •  529
    Igor replied

    Did you even try to use a tool like Chrome developer tools or Firebug for example?

    .tp-button.blue {
    background-color: #344557 !important;
    font-weight: normal !important;
    }
    

    Regards,
    Igor

  •  1
    Virgilio replied

    Thank you

    Somehow in my case it doesn’t work in custom.css file. It works adding that code in the bottom of settings.css.

    Best regards,

    Virgilio


  •  529
    Igor replied

    Hello,

    Awesome! I'm glad the problem is solved.

    If you have 5 minutes, we will much appreciate if you would write a review for Revolution slider on the JED. You can submit it here:

    http://extensions.joomla.org/extensions/extension/photos-a-images/slideshow/unite-revolution-responsive-slider

    Thank you very much!

    Regards,
    Igor