• Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

Different Backgroundcolor for single Project

Scheduled Pinned Locked Moved General Discussion
background
5 Posts 2 Posters 1.7k Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • H Offline
    H Offline
    herrpeter
    wrote on last edited by
    #1

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

    1 Reply Last reply
    0
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh Global Moderator
    wrote on last edited by arminunruh
    #2

    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

    H 1 Reply Last reply
    0
  • H Offline
    H Offline
    herrpeter
    replied to arminunruh on last edited by
    #3

    @arminunruh
    great! i will buy it.

    1 Reply Last reply
    0
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh Global Moderator
    wrote on last edited by arminunruh
    #4

    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

    1 Reply Last reply
    0
  • H Offline
    H Offline
    herrpeter
    wrote on last edited by
    #5

    great! thats wonderful!

    1 Reply Last reply
    0

Before you post:

Use the Search Feature. Maybe there is already a solution to your issue.

1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.

Now see if your problem solved itself.

Go here, see if your problem is listed here:
Troubleshooting

When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it

Thanks!
Post a link to where the problem is if possible, please <3
I don't answer or check forum DMs, please just post on the forum.
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
Online Users
A K
laytheme.com
  • Login

  • Don't have an account? Register

  • Login or register to search.
  • First post
    Last post
0
  • Recent
  • Tags
  • Popular
  • Users
  • Search
  • Login

  • Don't have an account? Register

  • Login or register to search.