Hi! when we block slots off in Google calendar it is represented in the backend calendar with a very light gray color. We need to make this stand out more. Can you help me locate the css that I can override these unavailable times please?
I tried to inspect and locate the styles but did not have luck.
Unfortunately we don't have any examples of such specific CSS we can provide you. It probably can be done with some custom work, but our developers are very busy at the moment, working on some priority tasks and fixing bugs and issues with our plugins, so they won't be having the time for custom work in near future.
But we can recommend these services for customization:
I can explain how to find and copy the selectors you need to use to hide something.
Right-click on the part you wish to hide and inspect the element:
Then, when you hover over the code, that section will be highlighted in the modal. Right-click on the code that highlights the entire div, and go to copy/copy selector:
Paste that selector, and add "display: none !important;", like this for example if you want to hide something, different code would be applied if you want to change the color of course
#tab-extras {
display: none !important;
}
So, now Extras field is hidden:
Certain selectors can't be combined, so if it doesn't work when you separate them with a coma, simply add another selector below }
If this doesn't help either, we can recommend these services for customization
Hi! when we block slots off in Google calendar it is represented in the backend calendar with a very light gray color. We need to make this stand out more. Can you help me locate the css that I can override these unavailable times please?
I tried to inspect and locate the styles but did not have luck.
Hi Traci
Unfortunately we don't have any examples of such specific CSS we can provide you. It probably can be done with some custom work, but our developers are very busy at the moment, working on some priority tasks and fixing bugs and issues with our plugins, so they won't be having the time for custom work in near future.
But we can recommend these services for customization:
https://codeable.io/?ref=l1TW1
https://wpkraken.io/?tms-plugins
They do develop such solutions, so can you please send your inquiry to them?
I don't need examples I just need the name of the style selector used. Then I can write my own css.
Hi Tracy
I can explain how to find and copy the selectors you need to use to hide something.
Right-click on the part you wish to hide and inspect the element:
Then, when you hover over the code, that section will be highlighted in the modal. Right-click on the code that highlights the entire div, and go to copy/copy selector:
Paste that selector, and add "display: none !important;", like this for example if you want to hide something, different code would be applied if you want to change the color of course
#tab-extras { display: none !important; }So, now Extras field is hidden:
Certain selectors can't be combined, so if it doesn't work when you separate them with a coma, simply add another selector below }
If this doesn't help either, we can recommend these services for customization
https://codeable.io/?ref=l1TW1
https://wpkraken.io/?tms-plugins