Docs

[gregorwkuhn]

Hi, i’m wondering how to remove the black line under the revolution slider? The code doesn’t work:

.x-slider-revolution-container.below {
border: 0 !important;
}

Thanks.

Gregor

[Thai]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[gregorwkuhn]

http://56649467.swh.strato-hosting.eu/

[Thai]

Hi There,

Please try with this CSS instead:

.x-slider-container.below {
    border: none;
}

Hope it helps 🙂

[gregorwkuhn]

Hi,

it does not work either. I’ve put the code in the Custom Code ” Edit Global CSS” but it doesn’t change. Thanks.

[Thai]

Hi There,

You missed some closing bracket (}) in your custom CSS.

Please replace your current custom CSS with the following code:

html.x-smooth-scroll {
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

html.x-smooth-scroll .nicescroll-rails {
	display: none !important;
}

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body .x-topbar .p-info a {
	border: 0;
}

.thicker-line {
	border-width: 2px 0px 0px;
	border-color: #A9A9A9;
 /* change this to your preferred hue*/;
}

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
	outline: none !important;
}

.x-topbar {
	background-color: #F8F8F8;
}

.x-sub-toggle {
	width: 100%;
}

body .x-sub-toggle>span {
	padding-right: 10px;
}

body .x-sub-toggle {
	width: 1000px;
	text-align: right;
}

.masthead-inline .x-navbar .desktop .sub-menu {
	left: 0;
}

.x-block-grid-item {
	margin-right: 0px !important;
	margin-left: 40px !important;
	margin-bottom: 10px !important;
	margin-top: 100px !important;
}

.site {
	background-color: #FFFFFF;
}

.x-navbar .desktop .x-nav>li ul {
	top: 80px;
}

.x-pricing-column-info {
    padding-bottom: 0px;
}

a[href^="tel"] { 
	color: #ffffff;
}

.x-slider-container.below {
	border: none;
}

Hope it helps 🙂

[gregorwkuhn]

Now it’s even worse and I can’t go back. Theres a thin white line between the black line and the picture. Please help.

[gregorwkuhn]

An my white background on the whole page is gone. How can I get the white background color back? Thanks!

[gregorwkuhn]

Sorry, I did not copy the whole code 🙂 Now it’s working perfectly! Thanks you very much!

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts