Save Button Move / Larger
CaterhamITSupport
Member Advanced IT Monkey ✭✭✭
Dear All,
Is there a way to move the save button or make it larger for people to see on the Service Catalog?
Kind Regards
Daniel
Best Answers
-
Shane_White
Cireson Support Super IT Monkey ✭✭✭✭✭
#servicecat-content {display:none!important;}
.blocks > div:nth-child(1){
display:none;
}
.btn-lg > div{
font-weight: bold;
font-size: large !important;
}
.fa-check:before {
color: red;
font-size: x-large
}
This is how your custom.css should look. The top line is what I'm going to guess is removing the service catalog content, not the code I have just given you. The code I have given you should make it look like this:
Shane
5 -
CaterhamITSupport
Member Advanced IT Monkey ✭✭✭
The top bit of code:
.blocks > div:nth-child(1){
display:none;
}
is used to remove items all extra stuff associated with knowledge base on service catalog.
0 -
Shane_White
Cireson Support Super IT Monkey ✭✭✭✭✭
We only support the following browsers:
The Cireson Portal can be accessed from the following browser/version:
- Microsoft Internet Explorer 11
- Google Chrome 30+
- Microsoft Edge
But it may just be a cached issue, clear the cache for the browser on device and it may fix the issue.
Thanks,
Shane
5
Answers
Moving elements with CSS isn't possible, but making an element larger certainly is. Many organizations also choose to color this button differently so it stands out.
To modify any HTML element using CSS, you will first need to find the element you want to modify. This can be done using the inspect button within your browser tools (Ctrl + Shift + C in Chrome, for example). Once you find the element, you can apply the new CSS styling. More CSS info can be found here: https://www.w3schools.com/css/
Hi @CaterhamITSupport
Might be a bit overkill but try this, you can always tweak it!
.btn-lg > div{
font-weight: bold;
font-size: large !important;
}
Paste this into Custom.css
Thanks,
Shane
Can the colour be changed on just the save button only? Any code to do this?
.fa-check:before {
color: lawngreen;
font-size: x-large
}
Sorry forgot to add this with it :)
Thanks,
Shane
so what is the code to change the colour of the save button red?
.fa-check:before {
color: red;
font-size: x-large
}
This one will make the tick red
Thanks,
Shane
where should i put the code / in what file?
Custom.css in custom space :-)
Thanks,
Shane
it seems to now remove the whole catalog of items?
So i have the following code in there already:
#servicecat-content {display:none!important;}
.blocks > div:nth-child(1){
display:none;
}
And yours after?
#servicecat-content {display:none!important;}
.blocks > div:nth-child(1){
display:none;
}
.btn-lg > div{
font-weight: bold;
font-size: large !important;
}
.fa-check:before {
color: red;
font-size: x-large
}
This is how your custom.css should look. The top line is what I'm going to guess is removing the service catalog content, not the code I have just given you. The code I have given you should make it look like this:
Shane
that removed all items in service catalog now.
The top bit of code:
.blocks > div:nth-child(1){
display:none;
}
is used to remove items all extra stuff associated with knowledge base on service catalog.
Using your code and altering it slightly has fixed this!
Thank you.
Daniel
No worries anytime :)
Thanks,
Shane
I noticed that it doesnt work on Safari on an ipad? It works on PC.
it works on an ipad now
Hi @CaterhamITSupport
We only support the following browsers:
The Cireson Portal can be accessed from the following browser/version:
But it may just be a cached issue, clear the cache for the browser on device and it may fix the issue.
Thanks,
Shane