Okay
  Public Ticket #711007
custom button
Closed

Comments

  • Mek started the conversation

    Hi,

    I added my own button on the slider and set the slider to full width to work with all devices in different sizes. When I see it with small screen sizes the button does not scale accordingly. 

    Is there any thing I missed?

    Thanks for your time to resolve this.

    Regards.

    Mek

  •  752
    Igor replied

    Hi,

    you should use some kind of responsive CSS classes with your button so it can scale according to the responsive definitions of your template. Revolution slider can't do that automatically 

    Regards,
    Igor

    Regards,
    Igor

  • Mek replied

    Thanks for reply.

    Here is the CSS I used for the button. Should I use the "width" class to work with this?


    a.rbtn1:link, a.rbtn1:visited {
        background-color: #fff;
        color: #000000;
        font-size: 20px;
        font-weight: 100;
        font-family: Questa Sans;
        border: none;
        padding: 10px 30px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }

    a.rbtn1:hover, a.rbtn1:active {
        background-color: #f1dacb;
        color: #000000;
          font-size: 20px;
        font-weight: 100;
        font-family: Questa Sans;
        border: none;
        padding: 10px 30px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }

  •  752
    Igor replied

    Hi,

    you should use any kind of responsive CSS class that works for this kind of button. I don't know which kind of framework are you using on your Joomla template but maybe something like this could give you an idea how to achieve this

    http://www.bootply.com/93706

    http://codepen.io/cliftwalker/pen/JoWyjy

    http://stackoverflow.com/questions/20902400/how-to-make-custom-css-button-responsive

    Regards,
    Igor

    Regards,
    Igor