I see content of my page before my preloader with Slider Revolution

6 replies · opened May 2, 2018

OOlickMay 2, 2018

Hi,
Since I put Slider Revolution in my website, I can see content for like 1-2 second before the page preloader, after that I have the preloader of the slider.

I dont want that, the first thing I need to see is my preloader, not this flickering thing.

How can i do that ?

SSemicolon WebSTAFFMay 2, 2018

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

OOlickMay 2, 2018

Hi,
I run my website in local.

Your demo file do that too.

`<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="SemiColonWeb" />

&lt;!-- Stylesheets
============================================= --&gt;
&lt;link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Roboto:300,400,500,700" rel="stylesheet" type="text/css" /&gt;
&lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"&gt;
&lt;link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" /&gt;
&lt;link rel="stylesheet" href="{% static 'css/responsive.css' %}" type="text/css" /&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;

&lt;!-- One Page Module Specific Stylesheet --&gt;
&lt;link rel="stylesheet" href="{% static 'css/onepage.css' %}" type="text/css" /&gt;
&lt;!-- / --&gt;

&lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
&lt;link rel="stylesheet" href="{% static 'css/dark.css' %}" type="text/css" /&gt;
&lt;link rel="stylesheet" href="{% static 'css/font-icons.css' %}" type="text/css" /&gt;
&lt;link rel="stylesheet" href="{% static 'css/et-line.css' %}" type="text/css" /&gt;
&lt;link rel="stylesheet" href="{% static 'css/animate.css' %}" type="text/css" /&gt;
&lt;link rel="stylesheet" href="{% static 'css/magnific-popup.css' %}" type="text/css" /&gt;
&lt;link rel="stylesheet" href="{% static 'css/fonts.css' %}" type="text/css" /&gt;

&lt;!-- SLIDER REVOLUTION 5.x CSS SETTINGS --&gt;
&lt;link rel="stylesheet" type="text/css" href="{% static 'css/rs/settings.css' %}" media="screen" /&gt;
&lt;link rel="stylesheet" type="text/css" href="{% static 'css/rs/layers.css' %}"&gt;
&lt;link rel="stylesheet" type="text/css" href="{% static 'css/rs/navigation.css' %}"&gt;
&lt;style&gt;
	#rev_slider_17_1_wrapper .tp-loader.spinner3 { background-color: #333333 !important; }
	.blurslider-gradient { background:-webkit-linear-gradient(left,#9357cc 0%,#2989d8 50%,#1abc9c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
	.blurslider-line{background:-webkit-linear-gradient(left,#9357cc 0%,#2989d8 50%,#1abc9c 100%) !important; }
	#rev_slider_17_1 .uranus.tparrows { width:50px; height:50px; background:rgba(255,255,255,0); }
	#rev_slider_17_1 .uranus.tparrows:before { width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s; }
	#rev_slider_17_1 .uranus.tparrows:hover:before { opacity:0.75; }
&lt;/style&gt;

&lt;!-- Document Title
============================================= --&gt;
&lt;title&gt;{{ titre }}&lt;/title&gt;

</head>

...

<body> <script>

	$('#google-map').gMap({
		address: 'Repentigny, Québec, Canada',
		maptype: 'ROADMAP',
		zoom: 14,
		doubleclickzoom: false,
		controls: {
			panControl: true,
			zoomControl: true,
			mapTypeControl: true,
			scaleControl: false,
			streetViewControl: false,
			overviewMapControl: false
		}
	});
&lt;/script&gt;

</body>

SSemicolon WebSTAFFMay 3, 2018

Hello,

Can you please provide us with the Link or the name of the Demo File which has this issue so that we can fix this promptly and release an Update. Additionally, after looking at your code it seems that you are using a Backend Generator to generate the codes. Make sure that all your content is inside the #wrapper Container as in the Default Files and this issue will be automatically fixed.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

OOlickMay 3, 2018

Hi, my website is in document wrapper.

And the file is every rs-demo in the canvas package that have Revolution Sliders.

SSemicolon WebSTAFFMay 7, 2018

Hello,

Apologies about the Inconveniences caused! But it would be great if you please provide us with the HTML File or the Live URL since it would be difficult to determine the error like this.

Additionally, can you please check if you are facing this issue on Our Live Demos as well: http://themes.semicolonweb.com/html/canvas/rs-demos.html ?

Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard