AIDER：サービス番号のコンテンツ幅を変更する方法

Q.サービス番号コンテンツの文字数を増やすと、折り返されて表示されます。横幅を広げられますか？

TCD LABO

テーマの仕様上、サービス番号のコンテンツ幅は固定値となっています。以下のように「自社開発サービス」と表示させると折り返されて表示されてしまいます。

▼変更箇所イメージ　　→AIDERデモサイト（トップページ）

A.下記の方法で対応してください。

外観＞TCDテーマオプション＞基本設定のカスタムCSSに入力します。

/* トップページ > サービス一覧のサービス番号を調整 */
.p-cd-service-cards-elements {
 width:120px;
}
/* サービスアーカイブページのサービス番号を調整 */
.p-service-cards-elements {
 width:120px;
}

/* サービス詳細ページのサービス番号を調整 */
.p-single-service_element_content {
 width:120px;
}

▼変更後のイメージ

バランスを見て、高さも調節したい場合は以下のように記述することで対応可能です。

/* トップページ > サービス一覧　高さも調整 */
.p-cd-service-cards-elements {
 width:120px;
 height:100px;
}