# Changeable variable in custom CSS

**URL:** <https://community.glideapps.com/t/changeable-variable-in-custom-css/76946>\
**Category:** Ask for Help\
**Tags:** custom-css\
**Created:** [October 9, 2024, 10:30am UTC](https://community.glideapps.com/t/changeable-variable-in-custom-css/76946 "2024-10-09T10:30:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tom\_Down](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/tom_down/32/40418_2.png) [@Tom\_Down](https://community.glideapps.com/u/Tom_Down)\
**Post date:** [October 9, 2024, 10:30am UTC](https://community.glideapps.com/t/changeable-variable-in-custom-css/76946/1 "2024-10-09T10:30:10Z")

</div>

Hi all,

getting my head around custom CSS in the newer page system (I used to use Rich Text boxes for displaying components in the legacy apps) and doing fairly well but I have run into something that I used to be able to do but now have no idea if this is still possible.

When using the Custom CSS field is there still a way of setting variables that can be controlled by data in the rest of the app?

For example I had this set previously:  
.Timer{  
position: absolute;  
transform: scale(1,1);  
transform: rotate( **P2ROdeg** );  
top: 10%;  
left: -1%;  
}

where _ **P2RO** _ was being replaced by a number by using a template column, but of course this was when the whole thing was inside a rich text box.

Is there now any way that numbers or other variables can be inserted into the custom CSS field? (I can’t currently find any way this would work in the newer layout 🤔)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [October 9, 2024, 4:04pm UTC](https://community.glideapps.com/t/changeable-variable-in-custom-css/76946/2 "2024-10-09T16:04:26Z")

</div>

Based on the CSS example you provided, you can still use the rich text component as long as you write it inline. This way, you can apply dynamic data from tables to your CSS.

Please note that I typically use custom CSS for cases such as overriding the default styles of Glide components, applying pseudo-elements, and keyframes or anything that starts with ‘@’.