How to add button in widget

[Feber]

Hi there,
Need your help.

I want to create a button in footer’s widget like this https://prnt.sc/ui2ueh

Please your advice.

Thank you

[David]

Hi there,

you can use a HTML widget to add those type of buttons.

This document here provides the HTML and CSS to create your own button styles:

https://docs.generatepress.com/article/adding-buttons/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Feber]

Hi thanks for your reply,

It works for me. But I need one more help about how to create equal size for all button I use in my widget ?

Thank you

[David]

Using the example in the document i provided you can give it a min width eg.

.button.sun-flower,
.button.sun-flower:visited {
    background: #F1C40F;
    color: #FFF;
    min-width: 200px;
    text-align: center;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Feber]

Wow it works for me.

Thank you very much David.

[David]

Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts