New to the community? Start here

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

Sat, 17 Aug 2019 9:04:03
  • 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.

1 Point
5 Points
15 Points
Other

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.