3 Replies Latest reply: Dec 2, 2014 12:34 PM by Anshul.sharma RSS

    Container Shadow

    Oliver.Sparing Community Member

      Hi there,

       

      I've just created the following website in Muse:

      http://sushiarthamburg.businesscatalyst.com/index.html

       

      I want the main container to have a box shadow to highlight it from the background. As you can see it works on the left and right side, but on the upper and lower edge Muse cuts off the shadow. Can someone tell why this happens and how to resolve the problem?

       

      Kind regards,

      Oliver

        • 1. Re: Container Shadow
          Anshul.sharma Employee Hosts

          Hi

           

          What you have encountered with, is the default behavior of shadow property. So basically the shadow property you see in Adobe Muse, works in similar passion as CSS3 box-shadow properly. For more details : CSS3 box-shadow property .

           

          So the reason why you see "it working on the left and right side" is because of :

           

          1. How shadow was positioned when applied to the container.

          2. The shadow property is defined to position horizontal and vertical shadow only.

           

           

          However, you may try some workarounds to have it around the whole container using Blur property like shown in this short video : File “Screencast 01-21 03-12-2014.mp4”

          and the final outcome would show up as :

           

           

          Let me know if this helps.

          • 2. Re: Container Shadow
            Oliver.Sparing Community Member

            Hi Anshul,

             

            thanks for your response. The shadow properties should be set correctly, here is a screenshot of the Muse backend:

             

            box-shadow.jpg

            As you can see, the box shadow is displayed correctly within the preview of the Muse backend, but as soon as I export it, it is displayed as seen in the web version.

            • 3. Re: Container Shadow
              Anshul.sharma Employee Hosts

              I just tried to publish the same test muse file I created, to a live site and I see it works fine please take a look : Home and Untitled 2

               

              Settings that I used are as shown below :

               

               

              Could you please try to apply the same and try publishing to a new test site and check if that works?