Revolution Slider fade in delaytime

Hi SemiColonWeb-Team,

i just have a simple issue in my eyes.
Best to describe it is to pick your corporate layout 1 (html/index-corporate.html)

Before the first slide starts to fade in, the slider area remains white a few seconds.
How do i change that? We need to start the first slide straight away without the white screen.

I tried different settings by myself (changed the delay etc.) and checked the themepunch docs, but it was futile.
It changed nothing. So i guess i am on the wrong track :-)

EDIT: I checked it on Safari and Chrome, and the fade in is very fast. Only on firefox it takes some seconds before the fade in start. Is this a browser problem, then?

May you assist me with a hint how to change it?

Kind regards,
Artur / Mangold Store

Hi There,

thanks for your reply and the solution.
After i uploaded the first files of my project to a subdomain to check it live and online i noticed, that the fade in delay is much faster. It only appeared on my local computer with a very long delay. So it's quite fine as it is.

Maybe your solution will help me anywhere else in my project. So thanks a lot.

You may help me with another issue. I could not find it correctly with the inspector.
I want to change the button color in the rev slider to the new default theme color wich i defined in colors.css

Where do i find the correct lines to change that? (Screenshot added to make it clear)
Here is the link to my project: Show Project

Kind regards,
Artur

Hello,

thanks for the quick response and the tweak of the code.

But if want to keep this white style? I liked the style of the button. Only the hover color (#444) has to change.
Is that possible?

If i delete all the classes you mentioned above my color appears, but the button loses its look.
Is it too complicated to change or customize the css?

Kind regards,
Artur

Hello,

thanks for the css tweak. This worked perfectly and very simple at the end :-)

Please have a look at this page i am currently working on: Show page

And please switch to responsive mode or view. Have a look at the three pics with texts...

As you may see, the order of the picture and text alternates visually on a normal screen.
But not on a mobile phone, currently it appears:

Picture
Text

Text
Picture

Picture
Text

I know that it is possible to change the order for a responive view, but i could not find any hint in your docs.
The order shall appear like this:

Picture
Text

Picture
Text

Picture
Text

See the Screenshot attached.
Do you have an idea how i may fix this? And perhaps how to make the picture slightly bigger on a mobile view?

Kind regards,
Artur

Hey,
this absolutely great and works! Thanks a lot!

I tried to adopt the flex-lg-row-reverse class to my next page (team).
But unfortunately it does not work like it did in the page before.

Check the page

To explain it visually i added two screenshots.

How do i apply the row-reverse class correctly in this case?

Looking forward to your reply.

Cheers,
Artur

Hey Dear Support Team,

thanks! That works very fine! As always your tweaks and solutions are great.

Sorry to bother you again :-0

Please have a look at following page

1.) Shrink the page to a mobile view. Is it possible to show a more "better" part of the picture in the responsive view? Perhaps the right part with the logo?

2.) How do i center the four picture inside the parallax section? I assume my structure is not that quite right?
Any example how i fix it? (i tried different things like "justify-content-center" or "align-items-center" but it was futile)

That would be very helpful.

Many thanks to you. The support team deserves a medal in my eyes!

Wish you a nice time and a good pre xmas time :-)

Cheers,
Artur

Dear Supportteam,

thank you very much for your help and the code you provided here.
The background position of the slider picture is set now like you suggested.
Works fine! :)

I replaced my absurd code of the parallax inner part with the four pics with your code and it works great.
And now i have the challenge to get the picture quite smaller like previewimages / thumbnails (perhaps 40% smaller).
If you click on one of them, then they become lightboxed in bigger size.

To resize the preview picture with photoshop will not really change something, right?
When i set the column to md-4 it would be more the layout i would like, but then they do not appear centered anymore.
How do i get the effect of 4 smaller pictures being centered in your code?

    
	 [
	    
![attachment](images/zertifikat_scc.jpg)

	      
		
		  
		
		
	      
	 ](images/zertifikat_scc.jpg)
   

Kind Regards,
Artur

P.S."I know exactly that my code is not the best, as I work more with wordpress and am still learning the boostrap syntax. That's why I'm so grateful to you for intercepting my uncertainty in the syntax of the source code and still offering me a solution. You don't have to. But you do it anyway. That is extraordinary and deserves great praise."

Hi There,

thanks for the fast reply and again a solution i can work with :-)
Happy about it!
I' ll change the code and let you know.

You gave me good infos about how to reverse columns in responsive mode (iphone, ipad).
I tried to apply the same syntax here on that row (flex-md-row-reverse) but the column with the picture does not swap the positions with the text column, why?

    

        
            
                Die Haumann GmbH
                
Wir sind Ihr zuverlässiger Partner bei Kessel- und Maschinenrevisionen. Ebenfalls übernehmen wir für Sie alle in diesem Zusammenhang anfallenden allgemeinen Reinigungsarbeiten.

            
            
Im Revisionsbereich kommen neben der Bestiftungstechnik diverse Strahltechniken wie z.B. das Glasperlen-Strahlen und das Staubfrei-Strahlen zum Einsatz. Unser professionelles modernes Equipment verbunden mit unseren qualifizierten und flexiblen Mitarbeitern garantieren einen hohen Qualitätsstandard unserer Arbeit.Auf unserem Werkstattgelände verfügen wir über eine eigene Strahlhalle. Hier können aufgrund der Hallenabmessung von 6 x 10 m Grundfläche und einer Höhe von 5 m auch großvolumige Bau- und Maschinenteile gestrahlt werden. Dadurch sind wir in der Lage sowohl vor Ort als auch auf unserem Betriebsgelände alle anfallenden Strahlarbeiten für unsere Kunden durchzuführen.
	
            [Unsere Referenzen](#)
        

        
            
![attachment](images/wirueberuns2.jpg)

        

    

It's the index of my project: View Page

What did i wrong or perhaps misunderstood something in the reverse syntax?

Looking forward to any hint.

Thanks in advance!

Cheers,
Artur

Dear Support-Team,

to give a feedback to your previous code tweak.
I applied the style="width:60%;" Attribute instead of using the .w-75 Class.
And it looks much better.

Still one thing remains.
How do i resize the dark hover layer to the same size like the four pictures?

Here the link to the changed page

Thankful for any idea how to solve this.

Cheers,
Artur

Hello,
i uploaded the index.html with the flex-md-row-reverse code. (changed it only loccally in teh first place)
Please check again the page

The Picture/Text is not switching.

My line looks like this:
``

What did i wrong?

Cheers,
Artur

Please excuse me!
I was probably a little inattentive with taking over your code. :-(

Added your code correctly and it works perfect!

Thanks.

Hey,
Maybe this got lost here..

I uploaded the index.html with the flex-md-row-reverse code. (changed it only locally in the first place)
Please check again the page

The Picture/Text is not switching.

My line looks like this:
<div class="row gutter-50 align-items-center my-5 flex-md-row-reverse">

What did i wrong?

Cheers,
Artur

Hi,
im very sorry for my misleading explanation of the issue.
I try to upload a video aswell. (EDIT: Video upload failed but Screenshot is attached)

When you shrink the browser or switch to iphone or ipad view the columns doesn't switch.
The picture still appears at the end. I want to have it vice versa on mobile view. (Pic first and then the column with text below)

Do you know what i mean? Is that more clear?

Kind regards,
Artur

Hi There,
perhaps this one above got lost? Or do you need more Screenshots or explanations?

Thankful for any tweak or hint.

Looking forward to you reply.

Kind regards,
Artur