Animation while start page is loading

Marcel Tujetsch
(@marcellot19)

6 years, 1 month ago

The color of the animated gif (vertical bars) when loading the start page cannot be adjusted to the basic color of the website.

The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

(@rubick322)

Out of the box theme doesn’t have the option to adjust the animated GIF color. Please add the below CSS to resolve your site issue.

@-webkit-keyframes preloader {
	0% {
		height: 5px;
		-webkit-transform: translateY(0);
		background: #c4c700;
	}
	25% {
		height: 30px;
		-webkit-transform: translateY(15px);
		background: #c4c700;
	}
	50% {
		height: 5px;
		-webkit-transform: translateY(0);
		background: #c4c700;
	}
	100% {
		height: 5px;
		-webkit-transform: translateY(0);
		background: #c4c700;
	}
}

@keyframes preloader {
	0% {
		height: 5px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		background: #c4c700;
	}
	25% {
		height: 30px;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
		background: #c4c700;
	}
	50% {
		height: 5px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		background: #c4c700;
	}
	100% {
		height: 5px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		background: #c4c700;
	}
}

You can change the color by tweaking background values if necessary.

Help link https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

Thanks and Regards,
Milan

Viewing 1 replies (of 1 total)

The topic ‘Animation while start page is loading’ is closed to new replies.