以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付ければOKです。
.entry-content p a,
.entry-content li a {
text-decoration: none;
}
いつもお世話になっています。
こちらの方と同じ症状で悩んでいます。
PORIPU導入済みです。
.entry-content a {
text-decoration: none;
}
上記のCSSを
・SANGO: スタイルシート (style.css)
・PORIPU for SANGO: スタイルシート (style.css)」
・SANGO Child: スタイルシート (style.css)
に書き込んでも下線が消えません。
試してみたことは以下の通りです。
SANGO: スタイルシート (style.css)の1427行目にある
.entry-content p a {
text-decoration: underline;
}
の上に、下記のCSSを加えました。
entry-content p a {
text-decoration: none;
}
これで下線は消えるのですが、トップページまで大きく崩れてしまいます。
現在は毎回HTMLで「style=”text-decoration: none;”」を指定して下線を削除しています。非常に時間がかかるので解決方法が分かれば教えていただきたいです。
よろしくお願いします。
お世話になっております。上記のコメントのCSSが古いバージョンのSANGOにのみ対応するものでしたので修正しました。
コメントのCSSを再度貼り付けて直してみてください。
なお、「トップページまで大きく崩れてしまいます」とのことですが、おそらく間違った場所にCSSを貼っているか、CSSの文法ミスがあると思います(括弧が閉じていない/全角スペースが含まれる等)。
ダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付けると良いかと思います。
よろしくお願いします。
お世話になっております。
表題の件なのですが、光るボタンCSSを設置すると
テキストの下線が消えません。
そこでご教授頂いたCSSを追加しました。
.entry-content p a,
.entry-content li a {
text-decoration: none;
}
しかし光ったり、縮んだりする装飾の効果も消えてしまいました。
この場合どういった対応がよいのでしょうか。
大変お手数ではございますが、
ご教授頂ければ幸いです。
宜しくお願い致します。
追加したCSSの参照サイト:https://dezanari.com/css-shiny-button/
.shiny-btn4 {
display: block;
position: relative;
width: 80%;/*ボタンの幅*/
padding: 10px 0;
margin: 30px auto;
background-color: #ed4545;/*ボタンの色*/
box-shadow: 0 3px 0 0 rgba(198, 39, 39, 1);/*影の色(rgbaの値を変更)*/
border-radius: 5px;
font-weight: bold;
font-size: 18px;
color: #fff;
text-align: center;
text-decoration: none;
overflow: hidden;
transition: 0.2s;
}
.shiny-btn4:hover {
text-decoration: none;
color: #fff;
opacity: 0.7;
box-shadow: none;
-webkit-transform: translateY(3px);
}
.shiny-btn4::before {
position: absolute;
content: ”;
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff;
animation: shiny-btn4 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn4 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
お世話になっております。
見た感じは良さそうに思います。
いただいた情報だけだとまだ拾いきれない情報があるかもしれないので、もし良ければ該当のボタンが存在するページをご共有いただけないでしょうか?
よろしくお願いします。
WordPressテーマSANGOの質問
リンクテキストの下線を消したい
SANGOをつかっており、リンクを貼った時の文字下の線を消したいと思い以下をCSSに入れてみたのですが、消えません
a { text-decoration: none;}
どうすれば消えるのか教えていただきたいのですが、宜しくおねがいします