Read more

Howto set jQuery colorbox overlay opacity

Deleted user #6
December 20, 2013Software engineer

Setting the colorbox opacity by hash parameter when initializing doesn't work the way like the documentation Show archive.org snapshot tells you.

  $(selector).colorbox({ ..., opacity: 0.5, ... }); // has no effect
Illustration web development

Do you need DevOps-experts?

Your development team has a full backlog? No time for infrastructure architecture? Our DevOps team is ready to support you!

  • We build reliable cloud solutions with Infrastructure as code
  • We are experts in security, Linux and databases
  • We support your dev team to perform
Read more Show archive.org snapshot

The opacity value of 0.5 will be overwritten by the inline style attribute style="opacity: 0.9" that colorbox sets.

To manually set the opacity you have to add the following css rule

  #cboxOverlay { opacity: 0.5 !important; }
Posted to makandra dev (2013-12-20 15:01)