wordpressでSydneyのテーマを使っております。
トップページのキャッチフレーズの表示について質問です。
現在全角23文字が一列表示になっており、24文字目は二列目に表示されています。
この文字数を変更したく、Style.cssを見たりしたんですが、どの部分を修正・変更したらいいか全く分かりません。
どなたかお分かりになる方がいらっしゃいましたら、ご享受願います。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答2件
0
Bootstrap というCSSフレームワークを使用しているので、.col-md-4の値を変更してしまうと他の箇所で不具合が出る可能性がとても高いのでお勧めしません。
(-xs- -ms- -md- は画面幅に対応して表示を切り替えるために指定されています)
全て全角文字なのであれば下記で対応可能です。
CSS
1h2.site-description { 2 line-height: 1.1; 3 word-break: keep-all; 4}
メニューの個数や幅によりますが、下記のような指定で出来る可能性もありますが、上手くいかないならBootstrap の本などで勉強されることをお勧めします。
HTML
1<div class="row"> 2 <div class="col-md-6 col-sm-11 col-xs-12"> 3 <h1 class="site-title"><a href="https://wp-themes.com/" rel="home">Theme Preview</a></h1> 4 <h2 class="site-description">Previewing Another WordPress Blog</h2> 5 </div> 6 <div class="col-md-6 col-sm-1 col-xs-12"> 7 <div class="btn-menu"></div> 8 <nav id="mainnav-mobi" class="mainnav" role="navigation"></nav> 9 </div> 10</div>
投稿2016/11/18 18:42
総合スコア69400
0
bootstrap.min.cssの中のメディアクエリでwidthを指定しているみたいです。
.col-md-4 の値を変えてあげればいけると思います。
ブラウザのデベロッパーツールで値をいろいろ変更して試してみてはどうでしょうか。
投稿2016/11/17 02:51
総合スコア2352
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/17 07:31
2016/11/17 07:41
2016/11/17 08:35
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。