# 特定のスペースにのみcssを反映させたいです

**URL:** <https://community.cybozu.dev/t/topic/9275>\
**Category:** kintone 開発相談\
**Created:** [2024 年 7 月 11 日午前 7:30 UTC](https://community.cybozu.dev/t/topic/9275 "2024-07-11T07:30:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![HIDEKIN](https://avatars.discourse-cdn.com/v4/letter/h/4af34b/32.png) [@HIDEKIN](https://community.cybozu.dev/u/HIDEKIN)\
**Post date:** [2024 年 7 月 11 日午前 7:30 UTC](https://community.cybozu.dev/t/topic/9275/1 "2024-07-11T07:30:28Z")

</div>

お世話になっております。  
kintoneを使い始めたばかりの者です。

わからないところだらけなため、教えてくださるとうれしいです。

特定のスペースにのみcssを反映させたいのですが、どのようにcssを記述すれば特定のスペースにのみ反映可能でしょうか？  
下記の内容でcss反映を行った場合、すべてのスペースへ反映されました。  
すべてのスペースへ反映ではなく、特定のスペースにのみcssを反映させることは可能でしょうか？

・kintoneシステム管理 \> カスタマイズ \> JavaScript / CSSでカスタマイズ  
**ドメイン名が含まれていたため運営により削除しました**  
このページから下記内容のcssファイルをアップロードを行いました。

* * *

/\*# スペースポータルの左右カラム幅を変更 \*/  
.gaia-argoui-page-space-show-left {  
width: 70%;  
}  
.gaia-argoui-page-space-show-right {  
width: 30%;  
}

* * *

よろしくお願いいたしますm(\_ \_)m

---

<div class="post-metadata">

**Author:** ![pomo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/pomo/32/465_2.png) [@pomo](https://community.cybozu.dev/u/pomo)\
**Post date:** [2024 年 7 月 11 日午前 8:17 UTC](https://community.cybozu.dev/t/topic/9275/2 "2024-07-11T08:17:42Z")

</div>

質問とことなりますが、urlドメインに貴社ドメインが乗ってるので編集した方がいいです

---

<div class="post-metadata">

**Author:** ![HIDEKIN](https://avatars.discourse-cdn.com/v4/letter/h/4af34b/32.png) [@HIDEKIN](https://community.cybozu.dev/u/HIDEKIN)\
**Post date:** [2024 年 7 月 11 日午後 5:46 UTC](https://community.cybozu.dev/t/topic/9275/3 "2024-07-11T17:46:14Z")

</div>

pomoさん、ご指摘どうもありがとうございます！  
以後気を付けたいと思いますm(\_ \_)m

---

<div class="post-metadata">

**Author:** ![HIDEKIN](https://avatars.discourse-cdn.com/v4/letter/h/4af34b/32.png) [@HIDEKIN](https://community.cybozu.dev/u/HIDEKIN)\
**Post date:** [2024 年 7 月 12 日午前 3:50 UTC](https://community.cybozu.dev/t/topic/9275/4 "2024-07-12T03:50:42Z")

</div>

ありがとうございます。  
自己解決しました。

以下の記述  
JavaScriptで個別のスペースにクラスを付与しcssを適用しました。

【JavaScript】

(function() {  
“use strict”;  
kintone.events.on(“space.portal.show”, function (event) {  
if (event.spaceId === ‘スペースID’ || event.spaceId === ‘18’) {  
document.body.classList.add(‘edit-column’);  
}  
})  
})();

* * *

【css】

.gaia-argoui-page-space-show-left {  
width: 74%;  
}  
.gaia-argoui-page-space-show-right {  
width: 26%;  
}

body.edit-column .gaia-argoui-page-space-show-left {  
width: 85%;  
}  
body.edit-column .gaia-argoui-page-space-show-right {  
width: 15%;  
}

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 7 月 15 日午前 3:51 UTC](https://community.cybozu.dev/t/topic/9275/5 "2024-07-15T03:51:19Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。