wiggly line on website

Hi

There is a wiggly line throughout my website. It seems to be something to do with the H2 or H3 setting.

I have tried to get around it, but my brain power seems to be limited these days.

Please help me rid my website of the dreaded wiggly line.

Many thanks

Simon

  • Aditya
    • Staff

    Hi simon cuss

    Thank you for reaching out to us. Hope you are doing great. :slight_smile:

    I checked your site and seems like that wiggly line is being caused by this css code

    .upfront-object h2:after, .upfront-output-object h2:after {
    background: url(//carianaturalsoap.wpmudev.host/cariadogalsabun/wp-content/themes/uf-spirit/ui/wave-line.png) no-repeat;
    content: "";
    position: absolute;
    width: 100px;
    margin-left: -45.5px;
    height: 20px;
    left: 50%;
    bottom: -30px;
    }

    Seems like you have added this code as custom code, please remove this CSS code or find an appropriate class with the code so it doesn’t affect the other elements. :slight_smile:

    Hope this helps you. Please let me know your views. :slight_smile:

    Best,

    Aditya Shah

  • Aditya
    • Staff

    Hi simon cuss

    In that case, it can be anywhere. You can paste the below css in Appearance -> customize -> additional CSS and it should be fixed.

    .upfront-object h2:after, .upfront-output-object h2:after {
    display: none;
    }

    Hope this helps you. Please let me know your views. :slight_smile:

    Best,

    Aditya Shah

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.