Set filter to layout PC Visu - Printable Version

Set filter to layout PC Visu - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: Set filter to layout PC Visu (/showthread.php?tid=4767)

Set filter to layout PC Visu - victor.back - 13.05.2023

Hi.

I want to set a filter for one specific layout with the ID 1. I did'nt manage to do this in CSS, but I did manage to set every backgroud to my filter with this

Code:
/* Set style on every element*/

[style*="background-image"] {

  filter: grayscale(80%) brightness(50%) !important;

}

and but this on every widget that I dont want this filter to follow

Code:
/* reset style for widget with data-widget-id="35" */

#widget-35 {

  filter: none !important;

But I have to this on every widget and it gets a little anoying Smile

How can I put this filter on only Layout ID 1?

RE: Set filter to layout PC Visu - admin - 15.05.2023

Modify the second rule like this:

Code:
.layer-widget {

  filter: none !important;

}

RE: Set filter to layout PC Visu - victor.back - 12.06.2023

I use this thread for diffrent but simular situation.

Try to set a text with specific CSS role via additional classes like this:

Code:
.longtextkWhScreen {

  width: 250px; 

  white-space: normal;

  text-align: center;

}

Width is working great but the text-align keeps to the left whatever I type here, something I miss?

RE: Set filter to layout PC Visu - admin - 12.06.2023

You can try adding !important to override certain CSS rules. Keep in mind that it will only work in the view mode, not in the editor.

Code:
text-align: center !important;

RE: Set filter to layout PC Visu - victor.back - 12.06.2023

(12.06.2023, 08:50)admin Wrote: You can try adding !important to override certain CSS rules. Keep in mind that it will only work in the view mode, not in the editor.

Code:
text-align: center !important;

Yes tried that but no success

RE: Set filter to layout PC Visu - admin - 12.06.2023

Values are center-aligned by default so such rule is not needed at all unless you have overridden the default rule somewhere else.

RE: Set filter to layout PC Visu - victor.back - 12.06.2023

I took away every CSS line but that one but still same result. Is there some relative becasue its 250Byte String value?

RE: Set filter to layout PC Visu - admin - 12.06.2023

If the string is longer than the set element width it will be aligned to the left.

RE: Set filter to layout PC Visu - victor.back - 14.06.2023

(12.06.2023, 13:28)admin Wrote: If the string is longer than the set element width it will be aligned to the left.

Yes thanks I noticed that as well. Saw that the value background was align center but the text string was too long,
Fixed now Smile

Thanks!