Q.ローディングアイコンを非表示にしたいです。どうしたら出来ますか。
A.以下のファイルを追加してください。
「外観」→「テーマの編集」より、下記のコードを追加してください。
編集するファイル:style.css
編集前
/* ローディングアイコン */ #site_wrap { display:none; } #site_loader_overlay { position: fixed; background:#fff; background:rgba(255,255,255,1); top:0px; left:0px; bottom:0px; right:0px; z-index: 99999; opacity:1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #site_loader_spinner { width:60px; height:60px; border-radius:100%; margin-top:-30px; margin-left:-30px; border:4px solid #ccc; border-top-color:#666; box-sizing:border-box; position:absolute; top:50%; left:50%; animation:loading 1.2s linear infinite; -webkit-animation:loading 1.2s linear infinite; }
↓
編集後
/* ローディングアイコン */ #site_wrap { display:none; } #site_loader_overlay { display:none; position: fixed; background:#fff; background:rgba(255,255,255,1); top:0px; left:0px; bottom:0px; right:0px; z-index: 99999; opacity:1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #site_loader_spinner { display:none; width:60px; height:60px; border-radius:100%; margin-top:-30px; margin-left:-30px; border:4px solid #ccc; border-top-color:#666; box-sizing:border-box; position:absolute; top:50%; left:50%; animation:loading 1.2s linear infinite; -webkit-animation:loading 1.2s linear infinite; }
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!