Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 19, 2017 at 5:12 pm #809881
    Truemotionpictures

    Hi there,

    I was following the instructions here and I added a different color for each different page (see my website).
    I just noticed that the preloader has 2 colors: at first the one of the current page and later the one of the upcoming page.
    Is there a way to show only the background of the upcoming page?

    June 20, 2017 at 1:53 am #810094
    Nikko

    Hey Truemotionpictures,

    I could only see 1 color, the skyblue color, can you put the css codes you used?

    Best regards,
    Nikko

    June 20, 2017 at 9:44 am #810251
    Truemotionpictures

    Hey Nikko,
    thank you for answering.

    That’s correct only when you load the website first time, but try to go from the homepage (sky blue) to the about page (magenta).
    Here is the css

    /* home/work + portfolio single work */
#top.page-id-228 .av-siteloader-wrap, #top.single-portfolio .av-siteloader-wrap {
	background-color: #32c8ff !important;
}
/* about + contact */
#top.page-id-223 .av-siteloader-wrap, #top.page-id-657 .av-siteloader-wrap {
	background-color: #ff004d !important;
}
/* imprint */
#top.page-id-663 .av-siteloader-wrap {
	background-color: #ff6900 !important;
}
/* service */
#top.page-id-660 .av-siteloader-wrap {
	background-color: #8473ff !important;
}
/* directors */
#top.page-id-8 .av-siteloader-wrap, #top.single-name-surname-works .av-siteloader-wrap, #top.single-directors .av-siteloader-wrap {
	background-color: #00d44a !important;
}
/* director's single work */
#top.single-name-surname-works .av-siteloader-wrap, #top.single-directors .av-siteloader-wrap, #top.single-true-directors .av-siteloader-wrap {
    color: #000000 !important;
}
    June 22, 2017 at 12:06 pm #811463
    Nikko

    Hi,

    Sorry for the delayed response, I could see it now what you mean. I tried to fix it via css but it doesn’t seem to work, I’ll try to find another solution.

    Best regards,
    Nikko

    June 23, 2017 at 4:10 pm #812149
    Truemotionpictures

    Hi Nikko,
    thanks for that. I’m looking forward to get news from you!

    Best

    June 26, 2017 at 10:53 pm #813225
    Truemotionpictures

    Hi there.
    If you need to check, I could give access to the website.
    Please let meknow.

    Best.

    June 27, 2017 at 2:47 pm #813447
    Yigit

    Hi,

    I am afraid that would not be possible.
    Preloader is displayed in between page transitions and since you targeted background color using page ID’s, it shows the background color of current page and when destination page is loaded, it switches to that background color. That is expected behaviour :)

    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

    June 27, 2017 at 4:22 pm #813505
    Truemotionpictures

    Hi Yigit,
    thank you for the explanation.
    Is there a way to target the background differently or that’s the only way?
    Anyway could you please tell me which files are responsible for the pre-loader? I would like to have a look to that.

    Thanks again!
    Best

    June 27, 2017 at 4:27 pm #813506
    Yigit

    Hi!

    That is the only way. Since pages will be changing, i cannot think of any other way unfortunately.

    You can find “avia_preload_screen” function in enfold/enfold-functions.php file and search “av-siteloader-wrap” in enfold/js/avia.js file :)

    Best regards,
    Yigit

    June 28, 2017 at 9:23 am #813717
    Truemotionpictures

    All clear.
    Thank you for the clarification!

    Best regards

    June 28, 2017 at 10:18 am #813729
    Yigit

    Hi,

    You are welcome :)
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

    June 28, 2017 at 10:38 pm #814135
    Truemotionpictures

    Thanks!

    June 29, 2017 at 2:04 pm #814482
    Yigit

    Hi,

    You are welcome!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Preloader color’ is closed to new replies.