Viewing Drop shadows don't seem to work in Responsive mode?

Drop shadows don't seem to work in Responsive mode?



User: Ben L. 4 years ago
It seems like I can make drop-shadows from objects IN a responsive layer, but even though I can make and see drop shadows from the responsive layer itself ... these don't appear once published online. I've got a picture or colour IN the responsive layer I'm trying to create a drop-shadow for.

Am I perhaps doing something wrong, or is that for some reason the app can't translate drop-shadows from the layer itself?



All ears,

Ben
User: Roddy 4 years ago
When you add a box shadow to a responsive element, you usually need to add some padding to the container to allow the shadow to show. For example, if the item is tight against the browser/device window the box shadow will be out of the viewport. When using the CSS box model, the box shadow lies outside the box so it needs extra space to be seen.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Ben L. 4 years ago
Hi Roddy,

I'm trying to add the drop shadow to the whole response 'layer' or box itself ... not just an element IN the layer. I'm thinking that maybe there is no such thing as adding 'padding' to the actual responsive layer -- only the elements within the layer/box. Or am I wrong? I can't see any controls for adding padding OUTSIDE the box.
User: Roddy 4 years ago
I don't know how or if the EverWeb widget does this. All my widgets have controls for padding if there is a box shadow and also a vertical spacing control.

If you go to THIS page and scroll down to the pair of images you will see that they have a box shadow. The space for the shadow is created by increasing the vertical spacing and adding some left/right padding to the container. Since this is a CSS Grid layout rather than Flexbox, the spacing between the images is adjusted using the grid-gap property.

You need to remember that the EverWeb Responsive Row is a catch all item so it can't cover every eventuality. As a result of feedback from our professional users, I have created about 100 widgets to implement layouts that could not be achieved using the responsive row.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Paul-RAGESW 4 years ago
Quote:
Am I perhaps doing something wrong, or is that for some reason the app can't translate drop-shadows from the layer itself?


Without seeing exactly what you're doing or seeing the page, I can try to answer as best I can.

Right now in responsive pages, drop shadows will work for rectangular and round rectangular shapes ( including shapes set to image fill).

Anything else, may show the drop shadow as a separate element.

We have to completely redo the code for drop shadows and irregular shapes.

If you post your website URL with the issue I can provide a definite answer, but I do believe this is the issue.

-------------------------------
Paul
EverWeb Developer
User: Ben L. 4 years ago
Hi Roddy ... I'm studying your widgets as we speak. Right now I'm right now trying to figure out your 'SCC Grid Module' system. I feel like I'm back in grade school in an advanced Physics class.

Hi Paul ... I haven't got the site up online; I'm just using Preview for now; the people I working with already have an old site up they don't want to touch till I have this alternative 'ready'. And I also don't have any of their server address stuff yet. So I can't show you an image. Here is what I'm seeing. If I drop in a Responsive Row widget I can't add a drop shadow to that widget itself. If I insert a 'background' into the Responsive Row widget, then I can put a drop shadow on that background, which I can SEE in the app, but which doesn't appear in Preview Mode in whatever Browser I use. And of course I can't add padding to the 'background', because it only extends more of the photo, doesn't affect outside the background photo. So I guess what was puzzling me was that in the app I can see a nice drop shadow on the 'background' image inserted in the Responsive Row, but it doesn't show up once published.

Ben


Post Reply
You must login or signup to post.