会員サイトをリニューアルしました! 新サイトはこちら

画像の拡大表示をさせない方法について < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

画像の拡大表示をさせない方法について
 
通知
すべてクリア

[解決済] 画像の拡大表示をさせない方法について

3 投稿
2 ユーザー
8 Likes
2,104 表示
takeiteasy
(@takeiteasy)
Active Member
Topic starter
 

はじめまして!

起業した後のコーポレートサイトを作ろうと、SWELLを購入しました。

初心者なので試行錯誤しながら作っていますが、凄く楽しく使わせてもらっています、ありがとうございます。

初歩的な質問かもしれませんが、色々調べてもわからなかったので教えてください。

【画像の拡大表示をさせない方法】についてです。

画像ブロックから画像ファイルを挿入すると、サイト閲覧時画像をクリックした場合には拡大表記されるようにデフォルトでなっていると思います。

装飾のみの画像の際クリックしても拡大表記されないように設定したいのですが、どのようにすればいいのでしょうか?

お時間あるときに教えていただけると嬉しいです。

よろしくお願い致します!

 
投稿済 : 23/10/2020 11:32 am
つぶ
(@tbshiki)
Estimable Member
 

こんばんは✨

個別で設定したい場合はCSSでのカスタマイズが必要になります。
まず、外観→カスタマイズ→追加 CSSに以下のコードを挿入お願いします(*´ω`*)


.off_luminous{
pointer-events: none;
}

それから画像の高度な設定→追加 CSS クラスや直接のclass=""として off_luminous と設定していただければ拡大しないようになります!
これは了さんがSWELLに設定していただいてるLuminousというLightboxのイベントを発生しないようにするものになります(*´ω`*)

SWELL設定→機能停止から全体でのオフも可能です(*´ω`*)

お試しください👍

 
投稿済 : 23/10/2020 11:45 am
monaka, akipo, sbp-beach and 4 people reacted
takeiteasy
(@takeiteasy)
Active Member
Topic starter
 

@tbshikiさん

早速のお返事ありがとうございます👍

無事設定できました! 大変助かりました!

今後ともよろしくお願いします。

 
投稿済 : 23/10/2020 12:07 pm
つぶ reacted
共有: