Different Backgroundcolor for single Project

herrpeter

Is it possible to set different background-color for each Project? How (Plug-in?)?
Thanks for the answer and the nice Theme!

arminunruh

Hey! Right now that's not possible no. But I can code this as an addon. It's hard to estimate when I will have time for that. Could be in one month.

Have a good day

herrpeter

@arminunruh
great! i will buy it.

arminunruh

Hey!
In version 1.022 I added a "Custom CSS for Desktop Version" field. With that, if you know a little HTML and CSS you can have different background colors for your projects right now. The following assumes that you have a little knowledge of CSS and HTML. If you don't here's a good starting point: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started

Every project's <body> tag has a "data-id" attribute with a numeric value that is a unique id. For example: <body data-id="32">. This is HTML markup.
You can find out your project's "data-id" by using the chrome devtools for example: https://developer.chrome.com/devtools
Or any other browser's inspector. In most browsers you can right click anywhere on a page and choose "inspect element". Find the body tag in your inspector and remember the data-id and data-type.

Then in your backend in "Lay Options" -> "Misc Options" you can enter this CSS into your "Custom CSS for Desktop Version" field:

If it's a project:

body[data-id="32"][data-type="project"]{
    background-color: pink;
}

or if it is a page:

body[data-id="32"][data-type="page"]{
    background-color: pink;
}

or if it is a category:

body[data-id="32"][data-type="category"]{
    background-color: pink;
}

Now just the project/page/category with the data-id of 32 has a pink background color. body[data-id="32"] is a so called "CSS attribute selector" https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

Cheers

herrpeter

great! thats wonderful!

Lay Theme Forum

Different Backgroundcolor for single Project

Before you post:

Online Users