Remove white bar under a div

Asked Jul 04 '23 at 10:28

Active Jul 04 '23 at 10:31

Viewed 21 times

I have the following html:

<div class="image-overlay" style="margin:0">
  <img src="images/AboutMeBG.png" alt="About Me Image" style="width:100%;">
  <div class="image-overlay-text">
    <h2 class="stroke-text">My Projects</h2>
    <p class="stroke-text"><em>More Coming Soon...</em></p>
  </div>
</div>

That has an annoying little bar under it, I am not entirely sure how to remove it, nothing I have tried has worked so far.

Here is an image.

I tried editing the styles.css, I tried adding a margin, I was expeting this to be an easy fix but I am not sure ‍♂️

edited Jul 04 '23 at 10:31

Diego D

6,156
2
17
30

asked Jul 04 '23 at 10:28

OfficiallyDragon

Share your CSS code. – Joydip Paul Jul 04 '23 at 10:35
@JoydipPaul Here is the CSS Code, https://00.yt/1d It was too long to fit in here xD – OfficiallyDragon Jul 04 '23 at 10:48
The bar line did not come from your code. It is the image issue. Use another banner image. – Joydip Paul Jul 04 '23 at 10:58
@JoydipPaul The thing is, if I use another image it sill has the bar, so I might just have to try and not use images :/ – OfficiallyDragon Jul 04 '23 at 11:34

Remove white bar under a div

0 Answers0