Remove Lines at the beginning and end of the page

[vleavogel]

Hello

I would like to remove the grey lines at the beginning of the menu and at the end of the page. Unfortunately, I can’t figure out where to remove the lines.

Many thanks for the help

[Prasant]

Hello Lea,

Thanks for writing in!

Please add following CSS to remove border at start of menu and end of page under X > Theme Options > CSS:

.x-navbar {
    border-bottom: 0 !important;
}

.x-colophon.top {
    border: 0;
}

In case you want to remove border all together, please add following CSS too:

.x-logobar {
    border: 0;
}

.x-colophon.bottom {
    border-top: 0 !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[vleavogel]

Great thanks a lot, it works!

[ruenel]

You’re welcome!
We’re glad @Prasant were able to help you out.