Strange 1px wide line in between sections

  • I built the front page with Elementor and wanted a tinted background behind the content of two sections.

    I used the same colour in the bottom of one section and the top of the other. I also used SHAPE DIVIDER on the top part to create a FAN OPACITY.

    You can see the annoying thin line above the heading Acme Arb Ltd Satisfied Clients and below the four posts boxes.

    I have tried all ways to remove the line to get a perfect transition from one section to the other, but nothing seems to work. I’m clearly doing something wrong her and would appreciate someone “in the know” to explain where I’m going wrong.

    Thank you

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter tim.hollingworth

    (@timhollingworth)

    To help you see the 1px line I’ve uploaded a screen grab. The line shows up on a smartphone too. I think the sections may be overlapping somehow, that creates the line? I can toggle between the default (which creates the line) and the -1 Vertical, 0 Horizontal, 0 Blur, Colour #ffffff (which is a smooth colour transition.)

    Any suggestions would be most helpful to do this without the extra work…

    Thread Starter tim.hollingworth

    (@timhollingworth)

    Well I have managed to create a work around which is pretty odd really!

    In the same Shape Divider, I have to create a -1 pixel solid white line in the border box shadow with 0 in the horizontal and 0 blur. No other colour will work the same.

    Strange convoluted fix but it does work…

    Thread Starter tim.hollingworth

    (@timhollingworth)

    I discovered the problem at long last. But not yet discoverd if it has broken anything…

    It’s written in the css file “frontend-lite.min.css” and has a -1px setting. I changed it to 0px and its cured the issue. 

    .elementor-shape-top {
    top: 0px;
}

    By pasting the above code into your Customising Additional CSS area it will remove the 1 pixel line between two adjoining sections of Elementors Shape Divider.

    Hi

    Since you found the problem and resolved it using custom CSS, please use a selector so the CSS will be implemented only on the specific section.

    You can read more about the Custom CSS feature here.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Strange 1px wide line in between sections’ is closed to new replies.