html - CSS:立即加载 CSS

标签 html css wordpress

我正在尝试在 http://maginaire.concept9.ca/ 屏幕下半部分的 Logo 轮播上添加填充(因此它始终位于中间) .

但是,当我单击箭头滚动 Logo 时,填充仅在 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;}

非常感谢! 担。

最佳答案

添加 margin-left 而不是 padding-left 似乎解决了动画过渡“错误”并实现了我需要的结果。谢谢@ChristianVarga!

关于html - CSS:立即加载 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27353065/

相关文章:

html - Angular HTML 元素对齐问题

php - CSS ul li 元素符号消失

javascript - 在html中将一个页面内容插入到另一个页面

javascript - 尝试在 WordPress 中使用 Ajax 时收到 400 错误请求

mysql - 通过mysql删除许多Wordpress用户

html - 立场:绝对没有按照我的预期去做

html - 最佳实践 : displaying text that was input via multi-line text box

html - 如何去除由 Bootstrap 引起的 Div 上的白色背景

javascript - 模态窗口中的 xdsoft_datetimepicker 在视口(viewport)下方打开

php - 如何将结帐页面中的文本 "place your order"更改为 "Book"?