ボーダーの色を黒の3分の1からグレーではなく、黒単色にしたい

実現したいこと

ボーダーの色を黒の3分の1からグレーではなく、黒単色にしたいです。

前提

現在Elementerというワードプレスプラグインのポストウィジェットで編集しています。

デフォルトの状態で下記の赤枠のようにタイトル下やテキスト下のボーダーの色が黒3分の1からグレーに変わっています。

ボーダーの色を黒の3分の1からグレーではなく、黒単色にしたいです。

そもそもワードプレスのデフォルト設定で変えないといけないのか、Elementer内のコード設定で変えられるのか、分かる方がいればご教示いただきたいです。

試したこと

ポストウィジェットのCSSクラスにyour-element-classと入力し、

カスタムCSSに
.your-element-class {
border-color: #000000 !important; /* 黒色に設定 */
}
と入力しましたが、変わりませんでした。

お手数ですが、よろしくお願いします！

hatena19

2023/11/26 06:40

Elementerを使ったことがないので推測ですが、border-colorの設定で効果がないということであれば、 border-imageとか、疑似要素(:before, :after)とか、・・・他の方法でボーダー色を設定していると思われます。まずは、ブラウザの開発者ツールでその設計を確認しましょう。設定が分かれば、それを上書きするCSSを設定すればいいでしょう。