bestudio LiteCart Fan Từ Czech Republic Thành viên kể từ thg 11 2020 bestudio 3 thg 4 2024 13:06 May I ask where the variable values are set in css admin? For example:#sidebar { flex: 0 0 var(--sidebar-width); background-color: var(--sidebar-background-color); box-shadow: inset 0 0 .5em rgba(0, 0, 0, 0.05); padding-left: 50px;}Thanks
jackmaessen LiteCart Fan Từ Netherlands Thành viên kể từ thg 12 2022 jackmaessen 3 thg 4 2024 14:55 includes/templates/default.admin/css/app.min.css
bestudio LiteCart Fan Từ Czech Republic Thành viên kể từ thg 11 2020 bestudio 3 thg 4 2024 15:05 Yes, thank you, but background-color: var(--sidebar-background-color); is it from the sidebar-background-color variable, where is it set please?
jackmaessen LiteCart Fan Từ Netherlands Thành viên kể từ thg 12 2022 jackmaessen 3 thg 4 2024 21:56 includes/templates/default.admin/css/variables.csshttps://github.com/litecart/litecart/blob/dev/public_html/includes/templates/default.admin/css/variables.css#L26C2-L26C39
tim Founder Từ Sweden Thành viên kể từ thg 5 2013 tim 4 thg 4 2024 00:37 Use your browser's built in developer tools to inspect the elements you want to style.Press F12 to open the developer console sidebar in your browser and reload the page.Right click an element you want to change and select "Inspect Element".The developer tools sidebar will now show you the current stylings of an element and in which .css file (or .less) and line number it can be found.E.g. app.css:123 means line 123 in app.css. The CSS files are located in /includes/templates/*.catalog/css/.https://www.litecart.net/en/knowledgebase/11/how-do-i-know-which-stylesheet-file-and-line-to-edit-for-making-css-adjustments