2014-12-08 92 views
0

我想在http://maginaire.concept9.ca/屏幕的下半部分(所以它總是在中間)上的徽標傳送帶上添加填充。CSS:不加延遲地加載CSS

但是,當我點擊箭頭滾動標識時,填充只適用於1秒左右。有什麼辦法來優先加載這個CSS代碼片段?或者我應該在主題的默認style.css中編輯某些內容?

在我custom.css對我使用我的WP主題提出:

.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;} 

感謝一大堆! Dan。

+0

CSS是**總是**立即應用。沒有_「優先加載[CSS] _」這樣的東西。轉換可能會影響時間,但這不是這種情況。問題在於你的旋轉木馬,當它滾動到下一張幻燈片時它可能會覆蓋填充,並且只在動畫完成時纔將其刪除。 – 2014-12-08 07:19:45

+0

我也這麼認爲......在那種情況下,我怎麼能阻止旋轉木馬重寫呢? – Dan 2014-12-08 07:24:06

+1

我還沒有看清楚實際問題是什麼,但如果使用'margin-left'而不是'padding-left',它似乎可以解決它。 – 2014-12-08 07:28:34

回答

0

加入margin-left而不是padding-left似乎已經解決了動畫過渡的「bug」並取得了我所需要的結果。謝謝@ChristianVarga!

+0

不用擔心,很高興它的工作! – 2014-12-09 12:07:51