CSS:立即加载CSS

Question

我正在尝试在http://maginaire.concept9.ca/屏幕的下半部分(所以它总是位于中间)的徽标旋转木马上添加填充。

但是，当我单击箭头滚动浏览徽标时，填充仅在大约1秒后应用。有什么方法可以优先加载这个CSS代码段吗？或者我应该在主题的默认style.css中编辑一些东西？

在我使用的WP主题的custom.css中，我放了：

.et_pb_fullwidth_portfolio .et_pb_carousel_group {width: 80%;}
.et_pb_fullwidth_portfolio .et_pb_carousel_group.active { padding-left:10% !important;}
.et_pb_fullwidth_portfolio .et_pb_carousel_group { padding-left:10% !important;}

非常感谢！丹。

Answer 1

添加margin-left而不是padding-left似乎已经解决了动画过渡的“bug”，并达到了我想要的结果。谢谢@ChristianVarga！