Text box border style change from koha , for example the barcode field on the checkout, check-in , and etc..
1. Open a Terminal and apply following command. (Ctrl + Alt = T)
sudo su( Enter your Password)
sudo leafpad /usr/share/koha/intranet/htdocs/intranet-tmpl/prog/css/staff-global.css
2. Find the following coding. Find (Ctrl + F)
This lets us see that there is a CSS rule defining a default border style for koha.
1
2
3
4
5
| input:focus, textarea:focus {border-color: #538200;border-radius: 4px;border-style: solid;} |
Remove the default border style CSS code.
3. Copy and paste the following customized textbox style CSS code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| input:focus {border-top: 5px solid #86B300;border-bottom: 5px solid #CCFF33;background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#86B300), to(#CCFF33));background-image: -webkit-linear-gradient(#86B300, #CCFF33);background-image: -moz-linear-gradient(#86B300, #CCFF33),-moz-linear-gradient(#86B300, #CCFF33);background-image: -o-linear-gradient(#86B300, #CCFF33),-o-linear-gradient(#86B300, #CCFF33);background-image: linear-gradient(#86B300, #CCFF33),linear-gradient(#86B300, #CCFF33);-moz-background-size:5px 100%;background-size:5px 100%;background-position:0 0, 100% 0;background-repeat:no-repeat;border-width: 5px 0;padding: 5px;} |
4. Finally your koha text box has been changed successfully.
Information courtesy:
Athens County Public Libraries https://www.myacpl.org/
Koha :https://wiki.koha-community.org/wiki/Mana_central_database
Koha :https://wiki.koha-community.org/wiki/Mana_central_database
0 Comments