Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 5, 2015 at 7:25 pm #439942
    mleite1

    Hello, how do I create a responsive button? See the link below to where I could enlarge.

    Did not exceed min-width: 1210px;

    How do I leave it wider?

    link
    http://www.milk9.com.br/quintas/home/#toggle-id-1
    Example button is the first green.
    I want to make all buttons like the colorful example below example button. It’s possible ??

    May 5, 2015 at 7:31 pm #439949
    Yigit

    Hey mleite1!

    Your page cannot be found, is it set to private?

    Regards,
    Yigit

    May 5, 2015 at 7:51 pm #439958
    mleite1
    This reply has been marked as private.
    May 5, 2015 at 7:53 pm #439960
    mleite1
    This reply has been marked as private.
    May 5, 2015 at 7:55 pm #439962
    mleite1
    This reply has been marked as private.
    May 6, 2015 at 3:42 pm #440390
    mleite1

    Good morning, you could answer my questõa up? I take much follow through with the project.

    Note: By decreasing the browser the largest button does not fit the screen center.

    May 7, 2015 at 3:30 pm #440998
    Yigit

    Hi!

    Please add a color section element to your page with a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and insert your fullwidth button inside it and then add following code to Quick CSS 

    #your-custom-id .container { max-width: 100%; padding: 0; margin: 0; }

    Regards,
    Yigit

    May 7, 2015 at 3:50 pm #441011
    mleite1

    Each color section will have a button? Or the buttons may be in the color section?

    May 7, 2015 at 3:51 pm #441013
    Yigit

    Hi!

    Content of that certain color section will be fullwidth. You can add as many buttons/elements as you wish :)

    Best regards,
    Yigit

    May 7, 2015 at 4:06 pm #441026
    mleite1

    Yigit, just testing.
    Enter the code and not worked.

    #principalsql .container {max-width: 100%; padding: 0; margin: 0; }

    LINK OF THE PAGE
    http://www.milk9.com.br/qlr/principal/

    The buttons have to stay glued to one another. How to do this?

    May 7, 2015 at 4:11 pm #441031
    Yigit

    Hi!

    Please add “Fullwidth Button” element to your page if you would like them to fullwidth

    Best regards,
    Yigit

    May 7, 2015 at 4:16 pm #441035
    mleite1

    Ok it worked, but as I said you. There is a gap between them and they are not centered on the screen. You have to force centralization.

    LINK OF THE PAGE
    http://www.milk9.com.br/qlr/principal/

    May 7, 2015 at 4:24 pm #441041
    Yigit

    Hey!

    You are not using Fullwidth Button element- http://i.imgur.com/cWlz7ot.png , you are using Large button with custom CSS. If you would like to use it and center it, please add following code to Quick CSS 

    .avia-button.avia-size-x-large {
  min-width: 100%;
}

    Regards,
    Yigit

    May 7, 2015 at 6:05 pm #441132
    mleite1

    You’re right.I did wrong. Now I put the fullwidth Button. I use now with fullwidth Button.

    To center use this code?
    .avia-fullwidth-button {
       min-width: 100%;
    }

    May 7, 2015 at 8:10 pm #441188
    Yigit

    Hi!

    It should be centered already, for fullwidth button you do not need custom CSS code. Seems like you have already figured that out? :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.