luke kes
asked 6 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 6 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!

Powered by DW Question & Answer Pro