Cocoonフォーラム

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

タイトル、サブタイトル、グローバルメニ...
 
共有:
通知
すべてクリア

[解決済] タイトル、サブタイトル、グローバルメニューを左寄せにしたい。

7 投稿
2 ユーザー
3 Likes
5,998 表示
bucho
(@bucho)
Trusted Member Registered
結合: 5年前
投稿: 83
Topic starter  

始めまして。部長と申します。

質問を一件お願いしたいのですが、添付の画像のように、タイトル、サブタイトル、グローバルメニューを左寄せにしたい場合はどのようにすればよろしいでしょうか。

 

以下のcssでいろいろ試しましたが動きませんでした。

テーマは子テーマを有効にしております。

また、添付の画像のサブタイトルは途中で折り返して表示されていますが、今回は単純に左に寄せる方法を知りたいです。

 

よろしくお願い致します。

 

要素{
  text-align: left;
}

   
引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 5年前
投稿: 4764
 

リンクがないため、このページのヘッダーで試しました。

実際のコピペしてどうなるかは不明ですがおためしください。

.tagline,
.logo {
	text-align: left;
}
.navi-in > ul {
	justify-content: left;
}

https://gyazo.com/c4df05fda00c623bae6bc369ba8c271c


   
返信引用
bucho
(@bucho)
Trusted Member Registered
結合: 5年前
投稿: 83
Topic starter  

早速のご返信ありがとうございます。

きれいに換装されました。

 

ただ、cssに添付のコメントが出ました。

このままで大丈夫でしょうか。

 


   
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 5年前
投稿: 4764
 

あっ、そのプロパティjustify-contentに値がleftないようです^^;

失礼しました^^;

flex-startが左よせ:初期値のようですので left を flex-start に変更してください。ゴメンナサイです。

.tagline,
.logo {
	text-align: left;
}
.navi-in > ul {
	justify-content: flex-start;
}

参考

http://www.htmq.com/css/justify-content.shtml


   
わいひら reacted
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 5年前
投稿: 4764
 

環境・設定が違ってるのでどうかと思ってましたが、キチンと反映されそう??な勢いがあるので安心しました。

キチンと反映されたら、OKだったよ!と、ご一報いただけたらと思います。

 

今回個人的にミスりましたが、案内にあるとおりにURLの提示のご協力をお願いします。

できれば不具合・カスタマイズ対象ページのURLを掲載してください


   
わいひら reacted
返信引用
bucho
(@bucho)
Trusted Member Registered
結合: 5年前
投稿: 83
Topic starter  

かうたっく様

 

ただ今試したところ、完璧にできました。

ありがとうございます。

 

また、URLを失念して申し訳ありませんでした。

サイトはこちらになります。

https://bucho-diver.com/

 

よろしくお願い致します。

 

 


   
わいひら reacted
返信引用
かうたっく
(@kautakku)
Famed Member Moderator
結合: 5年前
投稿: 4764
 

ご丁寧にありがとうございます^^

キチンと反映されたようで安心しました!

 

------------------

リンクの件

テーマが多機能なので質問者さんのサイト環境(不具合があればその環境)を見るのがベストだからです。

初めにリンクがあれば合わせたスタイル(何かしら改善の提案など)対応できるので、かきました。なので、URLの『事後』報告は大丈夫ですよ❦

お疲れさまでした!


   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました