How to remove box shadow from overlapping elements [closed] - html

Question

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 3 years ago.
Improve this question
enter image description hereI have some html which is causing a box shadow in mobile view. I didn't put it there and I've tried everything to get rid of it. It only shows up in mobile view but I suspect its there because I'm inserting all the text in one place and then moving it left.
Html:
<div class="b">t</div>
<div class="c">n</div>
<div class="d">a</div>
<div class="e">t</div>
<div class="f">l</div>
<div class="g">u</div>
<div class="h">s</div>
<div class="i">n</div>
<div class="j">o</div>
<div class="k">c</div>
<div class="l">n</div>
<div class="m">g</div>
<div class="n">i</div>
<div class="o">s</div>
<div class="p">e</div>
<div class="q">d</div>
</div>
And
</div><div id="text-7" class="widget widget_text"> <div class="textwidget"><div class="line-down">
Tried altering the id css:
#text-7 {box-shadow: none}
Didn't work.
You can view here
Here is Codepen but I can't seem to reproduce the problem https://codepen.io/adsler/pen/rXoNGJ

Answer 1

The box-shadow is caused by this css rule
.n {box-shadow: 0px 0px 10px #808080;}
I'ld suggest to remove or override it with some more specific css
body .n {box-shadow: none;}
or just inline:
<div style="box-shadow:none;" class="n">i</div>
And #mertcanb is right, your markup is a mess ;)

Answer 2

You have .n {box-shadow: 0px 0px 10px #808080;} in your css which creates that box-shadow. Search your css for that using CTRL+F.
Consider using svg or other formats instead of creating your complex illustration with divs. The nesting is incredibly dirty.
Cheers!