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. Feedback
  3. Row background colour picker

Row background colour picker

Scheduled Pinned Locked Moved Feedback
7 Posts 3 Posters 600 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.
  • ksedK Offline
    ksedK Offline
    ksed
    wrote on last edited by
    #1

    Hi guys,

    I'd like to know if you're planning to add a colour picker for the row background?
    I find it really hard right now to match the colour to my illustration/visual.

    When I do it by eyes it's struggling a bit, because the preview for editing the project and what it is on my website varies a lot.

    0_1555670798890_f80dc6b0-dd2d-4e69-8555-9e0bcca4014e-image.png

    Thanks :)
    A.

    1 Reply Last reply
    0
    • edgrbnzE Offline
      edgrbnzE Offline
      edgrbnz
      wrote on last edited by edgrbnz
      #2

      I presume you export your visuals in a certain color profile (typical sRGB) for web.

      Unfortuntely most browsers don’t do color management that good, they all interpret color codes differently.
      If you would pick a color via a color picker the color will be as interpreted / perceived by the browser / picker. The sampled color will be raw RGB colors or HEX codes.
      Whether your images do have a profile or not these colors always will be different on certain devices depending on if the user has a calibrated screen, which browser is used, etc.

      So unfortunately there is no real way to match colors of images and rendered browser colors.

      But you could make your illustrations transparent PNGs and just pick a background color you like in the row color afterwards. In my opinion that’s the best way to make sure no one sees these broders you screenshotted above.

      Transparent PNGs could come with a few functional drawbacks and filesizes can get big pretty fast. You can minify PNG Filesize with ImgAlpha, though.

      Hope that helps!

      ✦ ✦ ✦

      1 Reply Last reply
      1
      • mariusjopenM Offline
        mariusjopenM Offline
        mariusjopen
        Global Moderator
        wrote on last edited by
        #3

        Dear @edgrbnz
        best answer!

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply
        1
        • edgrbnzE Offline
          edgrbnzE Offline
          edgrbnz
          wrote on last edited by
          #4

          @mariusjopen 🤜🤛

          ✦ ✦ ✦

          1 Reply Last reply
          0
          • ksedK Offline
            ksedK Offline
            ksed
            wrote on last edited by
            #5

            Sorry for the late reply.
            Thanks @edgrbnz ! Sounds perfect. Nice one :)

            1 Reply Last reply
            1
            • edgrbnzE Offline
              edgrbnzE Offline
              edgrbnz
              wrote on last edited by
              #6

              Glad this works for you!

              ✦ ✦ ✦

              1 Reply Last reply
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #7

                :-)
                :-)
                :-)
                :-)

                www.mariusjopen.world

                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
                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