Navigation
Archive / box-shadow on logo
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 15, 2017 at 8:20 am #1407915
    Ying-Fu Li
    Participant

    Hi,

    On this sit: http://www.hartenkracht.nu I have a fixed navbar and a logo that partially hangs over the navbar. Now I have added a box-shadow to the navbar but I want it to affect the overhanging bit of the logo as well. Is that possible?

    Thanks!

    March 15, 2017 at 10:09 am #1408098
    Thai
    Moderator

    Hi There,

    Please provide us with your admin account so we can take a closer look.

    Thanks.

    March 15, 2017 at 10:11 am #1408102
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    March 15, 2017 at 10:29 am #1408145
    Ying-Fu Li
    Participant
    This reply has been marked as private.
    March 15, 2017 at 1:34 pm #1408439
    Nabeel A
    Moderator

    Hi again,

    Thanks for providing the credentials. Your logo has a unique shape, adding box-shadow with CSS might not be possible. You’ll need to edit you logo in Photoshop or any other image editing software to add the box shadow and use that one.

    Hope this helps!

    March 15, 2017 at 2:24 pm #1408485
    Ying-Fu Li
    Participant

    Not really, haha.

    March 15, 2017 at 4:58 pm #1408661
    Joao
    Moderator

    Hi There,

    Just Understand that your logo image has all the transparent square part so the drop shadow wont be applied to the colored pixels only but to the whole square part and it won´t look good, that is why Photoshop or similar software is the best/only solution.

    Hope it makes sense.

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1407915 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>