---
title: "テーマエディター"
---

> Documentation Index
> Fetch the complete documentation index at: https://manual-admin.cs-cart.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# テーマエディター

ECモールのデザインをノーコードで調整できます。

***

## 各種ブロックのスタイル

以下のブロックに対して、ボーダーや角丸、シャドウなどのスタイルを適用できます。

### バナー

![](/assets/image-66.png)

### カテゴリー一覧

![](/assets/image-67.png)

### 商品一覧

![](/assets/image-68.png)

### 商品フィルタ

![](/assets/image-69.png)

### ブランド一覧

![](/assets/image-70.png)

### ブログ記事一覧

![](/assets/image-71.png)

***

## 各種ページのスタイル

以下のページに対して、ボーダーや角丸、シャドウなどのスタイルを適用できます。

### 商品詳細ページ

![](/assets/image-72.png)

### カートの内容ページ

![](/assets/image-73.png)

### 注文手続きページ

![](/assets/image-74.png)

***

## フィールドとボタンの配色

テキスト入力フィールドとボタンの配色を設定できます。

### テキスト入力フィールド

![](/assets/image-75.png)

### ボタン

![](/assets/image-76.png)

***

## ウェブサイトの配色とコンテナのサイズ

ウェブサイトの配色やデバイスタイプ（PC/タブレット/スマホ）毎のコンテナのサイズを設定できます。

### ウェブサイトの配色

![](/assets/image-77.png)

### コンテナのサイズ

![](/assets/image-78.png)

***

## その他

ロゴや画像、フォントなどについて設定できます。

### ロゴ

![](/assets/image-79.png)

### 画像

![](/assets/image-80.png)

### フォント

![](/assets/image-81.png)

### カラー

![](/assets/image-82.png)

### ユーザー定義CSS

![](/assets/image-83.png)

Source: https://manual-admin.cs-cart.jp/mall-admin/website/themes/theme_editor/index.mdx