Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 6, 2015 at 2:50 pm #547620
    Tokyo

    Hi all
    i put this shortcode but is not transparent, is gray or black or other solid color
    .boxed#top { box-shadow: 0 0 5px 3px #888888; }
    or
    .boxed#top { box-shadow: 0 0 5px 3px #000000; }

    Grey is not well on dark backgrounds. and black looks too crisp.
    Is it possible to change the opacity of the shadow? Is it possible to put it in black and change its opacity?

    http://ganubis.com/imagen.jpg

    • This topic was modified 8 years, 11 months ago by Tokyo.
    December 6, 2015 at 6:47 pm #547650
    Basilis

    Hey Tokyo!

    You can use, istead of the HEX code, an rgba:

    example:

    rgba ( 0,0,0,0.5)

    that will work for what you need to do.

    Cheers!
    Basilis

    December 7, 2015 at 4:26 pm #548063
    Tokyo

    Hey Basillis thank you.

    Shomthing like this?:

    .boxed#top { box-shadow: 0 0 5px 3px rgba ( 0,0,0,0.5); }

    sorry im not an expert.
    thank you very much

    December 8, 2015 at 1:41 am #548450
    Elliott

    Hey!

    Black is not working? Perhaps something lighter like #333 is what your wanting? Can you send us a link to your page so we can take a look?

    Best regards,
    Elliott

    December 9, 2015 at 6:01 am #549483
    Tokyo

    http://www.ganubis.com thanks Elliott

    December 9, 2015 at 6:08 am #549486
    Basilis

    Hi!

    Yes the code you posted is correct.
    Let us know if you tried it and it is not working, so we can check it out again

    Cheers!
    Basilis

    December 9, 2015 at 11:09 am #549591
    Tokyo

    hi

    .boxed#top { box-shadow: 0 0 5px 3px rgba ( 0,0,0,0.5); }

    i tried it but it is not working, thanks :)

    December 9, 2015 at 2:44 pm #549713
    Yigit

    Hi!

    Please try changing the code to following one 

    .boxed#top {
    box-shadow: 0 0 20px 6px #000000;
}

    I think it looks good. If you would like to show it differently, please show us an example.

    Best regards,
    Yigit

    December 9, 2015 at 10:16 pm #549992
    Tokyo

    finlay look perfect

    .boxed#top {
    box-shadow: 0 0 20px -6px #000000;
    }

    Yigit thank you very muuuuuch :) :) :)

    thanks to all, for your time.

    December 10, 2015 at 8:30 am #550212
    Rikard

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.