A user running the Ella theme (version 6.5.2, unsupported) encountered an issue where all product blocks across pages and collections were shifting horizontally to the right.
Root Cause:
The problem stemmed from CSS code in the component-loading-overlay.css file, specifically within the .media--loading-effect class. This code created a shimmer animation with a linear gradient background that caused the unwanted horizontal movement.
Resolution:
The discussion concluded successfully with the user confirming the fix worked.
Hello guys,
Currently using Ella theme with 6.5.2 without support.
All my product blocks in all pages/collections are moving horizontally to right, how i can solve this¿
What its going on? I dont remember edit any product-related option.
WEBSITE:sovereign.es
Hi @SVRN
This code below in your component-loading-overlay.css file caused this affect
.media--loading-effect{
animation-duration: 2.25s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: shimmer;
animation-timing-function: linear;
border: none!important;
border-radius: 0!important;
background: var(--bg-planceholder);
background: linear-gradient(to right, var(--bg-planceholder) 4%, #f1f2f3 25%, var(--bg-planceholder) 36%);
background-size: 2000px 100%;
}
Is that an option of your theme?
For now, deleting the code lines you give me,i fix a bit the problem. Now its the background moving… can u help me please? i appreciate your time
Thank you master!!!
