CODEWITHSUNDEEP
css
Steve
Steve

Reputation: 1765

CSS: I can't see what is causing this underline

on this site, there is a line underneath "Marketing Agency Fremantle".

enter image description here

I have used Chrome Code Inspector but cannot find what is causing this.

I want to remove the line. Thanks.

Upvotes: 0

Views: 46

Answers (3)

Antonio Canillas
Antonio Canillas

Reputation: 102

There is :after in your h2 tag

enter image description here

Upvotes: 0

Johannes
Johannes

Reputation: 67778

It's this CSS rule:

body.home h2::after {
    content: '';
    width: 60px;
    height: 1px;
    background-color: #4a2e69;
    position: absolute;
    bottom: -5px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

You can erase it or (if you can't do that) add the following to set height to 0 and make it invisible that way:

body.home h2::after {
        height: 1px !important;
}

Upvotes: 1

Deepak Bandi
Deepak Bandi

Reputation: 1904

the :after pseudo element for h2 is causing the underline.

Upvotes: 1

Related Questions