メインビジュアルのキャッチコピー(メインコピー)を縦書きにしたい
sachi
いつもお世話になっております。
メインビジュアルのキャッチコピーを縦書きにしたり、位置を細かく調整する方法をご存知の方がいれば教えてください!
![相談者さん](https://blogcamp.wiki/wp-content/themes/jinr/lib/img/man3.png)
キャッチコピーのことがメインコピーのことであれば、追加CSSで調整できると思います。
雑ですが、下のような感じでできると思います。僕の環境では一応これで動きました。
1.c--stillimage-contents {
2 display: flex;
3 justify-content: center; /* 横方向のセンター指定 */
4 align-items: center; /* 縦方向のセンター指定 */
5}
6
7.a--stillimage-maincopy {
8 writing-mode: vertical-rl; /* 縦書き指定 */
9 text-orientation: upright; /* 英数字を使うなら... */
10}
![回答者さん](https://blogcamp.wiki/wp-content/uploads/2023/05/man1.png)
お返事が遅くなってすみません!ありがとうございます!
![相談者さん](https://blogcamp.wiki/wp-content/themes/jinr/lib/img/man1.png)