Skip to content
  • 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

  1. Home
  2. General Discussion
  3. Different Backgroundcolor for single Project

Different Backgroundcolor for single Project

Scheduled Pinned Locked Moved General Discussion
background
5 Posts 2 Posters 1.9k 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 Online
      arminunruhA Online
      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
      • arminunruhA 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

        H Offline
        H Offline
        herrpeter
        wrote on last edited by
        #3

        @arminunruh
        great! i will buy it.

        1 Reply Last reply
        0
        • arminunruhA Online
          arminunruhA Online
          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
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            I also code custom websites or custom Lay features.
            šŸ’æ Email me here: šŸ’æ
            info@laytheme.com

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

            This often solves issues you might run into

            When you post:
            1. Post a link to where the problem is
            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
            Online Users
            arminunruhA
            arminunruh
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

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