Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
Hei,
How to know what selector in hub.css to correct to get the results?
For example, I want to align the text in the Sense hub sheet objects. But only by knowing that the text alignment can be modified in
.qv-grid .qv-details-name {...}
and adding to it the following:
text-align:center;
I will get the correct result.
But how should I know what each and every piece in the hub.css script mean?
There a lot of them, like:
.q-hub-move-app__group__item
.q-task-log-popover .q-task-log-popover-hostname-label
.rain-loader .progress-loader div
Where should I look to understand what do they mean?
Thank you!
Hello,
If my understanding is correct, you would like to change the values in the hub.css file, however you would like to find a way to easily distinguish which selectors you need to change to achieve your desired outcome. This can be done with Developers Console from your browser. Here are the steps that I have followed to achieve that:
I hope that this information was helpful. In case it has helped you resolve the issue, please mark it as accepted so other community members could also find this answer easily. In case I have misunderstood the use case scenario please elaborated in detail by providing additional information.
Hello,
If my understanding is correct, you would like to change the values in the hub.css file, however you would like to find a way to easily distinguish which selectors you need to change to achieve your desired outcome. This can be done with Developers Console from your browser. Here are the steps that I have followed to achieve that:
I hope that this information was helpful. In case it has helped you resolve the issue, please mark it as accepted so other community members could also find this answer easily. In case I have misunderstood the use case scenario please elaborated in detail by providing additional information.
@Andrei_Cusnir , this is super useful!
You have just saved the day!