Could you help me formatting the link ‘Ask a Question’ to a Button fomat like we see on this demo? Thank you!
1 Answers
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!
Please login or Register to submit your answer