フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
親テーマのCSSの一部を非表示にしたい < SWELLに関する質問
通知
すべてクリア
Topic starter
お世話になっております。
サイト型のページを作っているのですが
親テーマのswell/assets/css/main.css内の一部のプロパティが上書きできず
要素に上下の余白を設けたいときに中々設定できずにおります。
具体的には
.l-mainContent__inner>:last-child {
margin-bottom: 0!important;
}
.l-mainContent__inner>:first-child {
margin-top: 0!important;
}
.post_content dd>:last-child, .post_content div>:last-child, .post_content>:last-child {
margin-bottom: 0!important;
}
.post_content div>:first-child, .post_content>:first-child {
margin-top: 0!important;
}
です。親テーマで!importantを指定している場合、どのようにすれば上書きできるでしょうか。
また他にやり方があればお教え願えればと思います。
よろしくお願いいたします。
投稿済 : 05/04/2021 8:04 am
例えば
.hoge{
color: #000 !important;
}
を上書きするなら
body .hoge{
color: #fff !important;
}
などにするだけです。
投稿済 : 05/04/2021 8:07 am
Topic starter
より詳細なものを使うと上書きできるというのは検索しても出てきたのですが
何十個も上書き箇所があったのでどうしようか、と思っておりました。
一つずつ上書きすることにします。
ありがとうございます。
投稿済 : 05/04/2021 8:16 am
どういう使い方をしようとしているのか分からないですが、このような状態にならない他のアプローチ方法を探った方がいい気がしますね...。
もしくはデザインを自由に組みたいのであればSWELL以外のもっとシンプルなものを使った方がいいと思います。
投稿済 : 06/04/2021 5:19 am
Topic starter
@ryo ご返信ありがとうございます。
私の作り方に問題があるんだと思います。独学なのでごちゃごちゃになっている自覚はありますので…
作り方の再勉強をして構造を考え直してみます。
ブログ等ほかの機能は過去触ってきた中でSWELLが一番使いやすかったので、頑張ってみます！
ありがとうございました。
投稿済 : 07/04/2021 2:50 am