Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
画像の枠を濃く設定したい
 
通知
すべてクリア

[解決済] 画像の枠を濃く設定したい

7 投稿
3 ユーザー
1 Likes
841 表示
Lipton
(@lipton)
投稿: 4
メンバー
Topic starter
 

全体的に画像の枠を濃くして、画像と背景をはっきりさせたいです。

2022 03 30 00h56 13

普段は画像スタイルの”影あり”を使用しています。

2022 03 30 01h13 42

”影あり”のCSSを変えて濃くする方法でもCSSエディターで追記する形でも構いません。

もしくは他におすすめの方法があれば教えていただきたいです。

よろしくお願いします。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.9.4
利用中のPHPバージョン
7.4.25
利用中のWordPressバージョン
5.9.2
利用中のプラグイン一覧

・All In One WP Security
・Broken Link Checker
・Highlighting Code Block
・Pochipp
・SEO SIMPLE PACK
・UpdraftPlus
・Useful Blocks
・WP Multibyte Patch
・WP Revisions Control
・WPForms Lite
・XML Sitemaps

This topic was modified 2年前 2回 by Lipton
 
投稿済 : 30/03/2022 1:38 am
しらこ
(@96ssbike)
投稿: 837
メンバー
 

そうですね、これはCSSで調整してください。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 30/03/2022 1:48 am
Lipton
(@lipton)
投稿: 4
メンバー
Topic starter
 

@96ssbike コメントありがとうございます。

CSSで設定できそうなのはなんとなく把握していますが具体的な手順がわからないので知りたいです。

また、できればSWELLに搭載されている画像スタイルを濃くする方向で進めたいと思っています。

 
投稿済 : 30/03/2022 10:06 pm
しらこ
(@96ssbike)
投稿: 837
メンバー
 

@lipton CSSに関しましてはサポート範囲外になりますので(詳しくはガイドラインをお読みください)、基本的に以下のことをやって欲しいです。

ヒントだけお伝えします。

CSSの追加方法→外観>カスタマイズ>追加CSSで追加する
CSSの探し方→デベロッパーツールで調べる

上記を見た上で、あとはご自身でいろいろ調べた上で

  1. ご自身での試行錯誤を行う
  2. 上記1でどのように試行錯誤したかこちらで報告した上で、それでも解決策をリクエストする

ただ、CSSの追加のしかたについては一昼夜だけでは済まない場合があり、その場合は何日かかけたりしてまず調べたり勉強したりしてみてください。

大変恐縮ですが、質問者さん自身が協力的ではない場合には、こちらも(少なくとも私に関しましては)積極的に回答(協力)は行っておりません。逆に、試行錯誤やっていただけると超嬉しいです。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 31/03/2022 12:29 pm
了
 
(@loos_ryo)
投稿: 1248
メンバー Admin
 

.is-style-shadowというクラスが付くので、そちらに対してbox-shadowを調整していただくとよいかと思います、

SWELL開発者です。

 
投稿済 : 31/03/2022 11:04 pm
しらこ reacted
Lipton
(@lipton)
投稿: 4
メンバー
Topic starter
 

しらこ様、了様

アドバイスありがとうございます。

調べながらCSSで調整してみようと思います。

 
投稿済 : 01/04/2022 12:58 am
Lipton
(@lipton)
投稿: 4
メンバー
Topic starter
 

皆様の意見を参考にCSSでborderを追加したところ良い感じになりました!

ありがとうございます。

2022 04 05 00h28 40

 

 
投稿済 : 05/04/2022 12:28 am
共有: