# Applying CSS to a scene instead of each view

**URL:** https://forums.knack.com/t/applying-css-to-a-scene-instead-of-each-view/13659
**Category:** Get Answers
**Created:** [January 18, 2023, 5:58pm UTC](https://forums.knack.com/t/applying-css-to-a-scene-instead-of-each-view/13659 "2023-01-18T17:58:16Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![AndrewUK](https://avatars.discourse-cdn.com/v4/letter/a/43a26b/32.png) [@AndrewUK](https://forums.knack.com/u/AndrewUK)
#### Post date: [January 18, 2023, 5:58pm UTC](https://forums.knack.com/t/applying-css-to-a-scene-instead-of-each-view/13659/1 "2023-01-18T17:58:16Z")

</div>

Hi,

I have to build multiple pages each with 12 reports in the page and I am applying different CSS to these pages than others that use the same elements.

Is there a better solution than having to do the below in CSS with each view replicated? (I’m aware these are only 4 deep, but i will need to have to expand to 12 (1 report per month) - i got to doing 4 and thought there must be a better way lol!

/\* 2023 Monthly Reports - Pivot Table \*/

#view\_641 h3, #view\_642 h3, #view\_643 h3, #view\_644 h3,  
{ font-size: 20px; font-weight: 600; color: #24417c; }  
#view\_641 th, #view\_642 th, #view\_643 th, #view\_644 th  
{ font-size: 12px; font-weight: 500; color: #24417c; font-style: italic;}  
#view\_641 .kn-table, #view\_642 .kn-table, #view\_643 .kn-table, #view\_644 .kn-table  
{width: 75%; text-align: left; border: 2px solid #c29030 !important;}  
#view\_641 .kn-pivot-group, #view\_642 .kn-pivot-group, #view\_643 .kn-pivot-group, #view\_644 .kn-pivot-group  
{text-align: left!important; }  
#view\_641 .kn-pivot-calc, #view\_642 .kn-pivot-calc, #view\_643 .kn-pivot-calc, #view\_644 .kn-pivot-calc  
{text-align: left!important; }  
#view\_641 .kn-table\_summary, #view\_642 .kn-table\_summary, #view\_643 .kn-table\_summary, #view\_644 .kn-table\_summary  
{text-align: left!important; }  
#view\_641 td, #view\_642 td, #view\_643 td, #view\_644 td  
{text-align: left!important; }

I was hoping I could apply to a scene thus a page, but it appears now.

thanks as allways

Andrew

---

<div class="post-metadata">

### Author: ![BradStevens](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/bradstevens/32/140_2.png) [@BradStevens](https://forums.knack.com/u/BradStevens)
#### Post date: [January 23, 2023, 3:08am UTC](https://forums.knack.com/t/applying-css-to-a-scene-instead-of-each-view/13659/2 "2023-01-23T03:08:46Z")

</div>

Hi @AndrewUK using the inspector for a scene with one pivot table:

 ![Screenshot 2023-01-23 140256](https://us1.discourse-cdn.com/flex020/uploads/knack/original/2X/7/79ec6c9a6271d3af075753d7a77d6f2d7abc1eee.png)

Try targeting the `#kn-scene_XXX div.kn-report` item to apply CSS to every pivot table in that scene (replace XXX with your scene id). Example:

```auto
#kn-scene_XXX div.kn-report h3 {
    font-size: 20px;
    font-weight: 600;
    color: #24417c;
}

```

---

<div class="post-metadata">

### Author: ![AndrewUK](https://avatars.discourse-cdn.com/v4/letter/a/43a26b/32.png) [@AndrewUK](https://forums.knack.com/u/AndrewUK)
#### Post date: [January 23, 2023, 2:46pm UTC](https://forums.knack.com/t/applying-css-to-a-scene-instead-of-each-view/13659/3 "2023-01-23T14:46:18Z")

</div>

amazing thanks Brad - just what i needed.