How can I have a Button Fomat for 'Ask a Question'?

luke kes
asked 10 years ago

Could you help me formatting the link ‘Ask a Question’ to a Button fomat like we see on this demo? Thank you!

1 Answers

DominicStaff
answered 10 years ago

Hi Luke,
To have a button fomat for “Ask a Question” as the demo:
1. You can download and upgrade the plugin to the latest version, we already support the style in the latest version.
2. Or you can add the following code to the style.css file

.btn.btn-success {
border-color: #51a351;
color: #fff;
background: #5ebc5d !important;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
background: -moz-linear-gradient(top, #5ebc5d 0%, #55a953 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ebc5d), color-stop(100%,#55a953)) !important;
background: -webkit-linear-gradient(top, #5ebc5d 0%,#55a953 100%) !important;
background: -o-linear-gradient(top, #5ebc5d 0%,#55a953 100%) !important;
background: -ms-linear-gradient(top, #5ebc5d 0%,#55a953 100%) !important;
background: linear-gradient(to bottom, #5ebc5d 0%,#55a953 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ebc5d', endColorstr='#55a953',GradientType=0 ) !important;
}

.btn:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
background: none;
box-shadow: 0 -10px 15px rgba(0,0,0,.1) inset;
}

Hope this helps!