WordPressdでブログを書いてます.
記事タイトルが右寄りになっていてCSSでmarginやpaddingを修正しても直りません。
PCでは問題ないのですが、スマホから見るとどうしても右寄りになってしまいます。
スマホ用にCSSを修正してください。よろしくお願いします。
.section-wrap .section-title{ line-height: 1.3; margin: 0 0 1em ; border: none; background: transparent; color: #333; font-size: 2.125em; border-top: 0px solid #222; border-bottom: 1px dotted #ccc; padding: 10px 0; position: relative; word-break: break-all;/*英単語行替え禁止*/ } html.col1 .section-wrap .section-title{ line-height: 1.5; margin: 0 -80px 1em; border: none; background: transparent; color: #333; font-size: 2.125em; border-top: 3px solid #222; border-bottom: 1px solid #ccc; padding:20px 80px; position: relative; } .main-body .section-title a{ color: #333; text-decoration: none; } .main-body .section-title a:hover, .main-body .section-title a:active, .main-body .section-title a:focus{ color: #5077A2; text-decoration: underline; } .sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title{ margin: 0 0 20px; padding: 12px 0; font-weight: normal; font-size: 1em; border:none; color:#444; border-bottom: 3px solid #444; } .sub-conts .section-wrap .section-in .section-title:after, .sub-conts .section-wrap .article-header .section-title:after{ content:none; }
あなたの回答
tips
プレビュー