The button is assigned the 'btn' (bootstrap) class name.
The CSS it seems to be using is this code below which has background colour #000 (black) and font colour #fff (white).
It looks like the file is in /templates/gk_hotel/css/template.css
You would override this code in your templates custom css file - whether that be user.css, custom.css or any variation on that file name. (Check the Gavick documentation to be sure).
You could define your custom CSS class for the button and place it in the custom CSS file. which would override the original styling.
The CSS it seems to be using is this code below which has background colour #000 (black) and font colour #fff (white).
Code:
button, .button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .readmore > a, .readon, .btn, .btn-border { -webkit-appearance: none; background: #000; border: none; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; height: auto; letter-spacing: 2px; line-height: 25px; margin: 0 5px 2px 2px; padding: 8px 24px; text-align: center; text-transform: uppercase; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -ms-transition: all .3s ease-out;}You would override this code in your templates custom css file - whether that be user.css, custom.css or any variation on that file name. (Check the Gavick documentation to be sure).
You could define your custom CSS class for the button and place it in the custom CSS file. which would override the original styling.
Statistics: Posted by AMurray — Thu Sep 05, 2024 9:57 pm