# CSS in the framework

**URL:** <https://forum.servoy.com/t/css-in-the-framework/18994>\
**Category:** Classic Servoy\
**Created:** [September 26, 2016, 3:57pm UTC](https://forum.servoy.com/t/css-in-the-framework/18994 "2016-09-26T15:57:59Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![steve1376656734](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/steve1376656734/32/4613_2.png) [@steve1376656734](https://forum.servoy.com/u/steve1376656734)\
**Post date:** [September 26, 2016, 3:57pm UTC](https://forum.servoy.com/t/css-in-the-framework/18994/1 "2016-09-26T15:57:59Z")

</div>

Hi,

In the new version of the framework I am seeing styles in the CSS files in the following format:

```auto
[svy-formstyle].bg {
	background-image: url("pv_bg_calm.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

```

Can anyone tell me what the [svy-formstyle] bit refers to please and how it is used?

Thanks  
Steve

---

<div class="post-metadata">

**Author:** ![paronne](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/paronne/32/5096_2.png) [@paronne](https://forum.servoy.com/u/paronne)\
**Post date:** [September 28, 2016, 1:45pm UTC](https://forum.servoy.com/t/css-in-the-framework/18994/2 "2016-09-28T13:45:46Z")

</div>

[svy-formstyle].bg targets all forms having the ‘bg’ styleClass. [svy-formstyle] targets the html elements having attribute svy-formstyle.  
Servoy now provides a generic class selector for the form : ‘svy-form’.  
An equivalent and cleander CSS rule would be:

.svy-form.bg {  
background-image: url(“pv\_bg\_calm.png”);  
background-repeat: no-repeat;  
background-size: 100% 100%;  
}

---

<div class="post-metadata">

**Author:** ![steve1376656734](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/steve1376656734/32/4613_2.png) [@steve1376656734](https://forum.servoy.com/u/steve1376656734)\
**Post date:** [September 28, 2016, 2:22pm UTC](https://forum.servoy.com/t/css-in-the-framework/18994/3 "2016-09-28T14:22:35Z")

</div>

Thanks Paolo. I wondered if I could just replace it with the rule format you described and will be using that in my own stylesheets now.

---

<div class="post-metadata">

**Author:** ![paronne](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/paronne/32/5096_2.png) [@paronne](https://forum.servoy.com/u/paronne)\
**Post date:** [September 30, 2016, 3:32pm UTC](https://forum.servoy.com/t/css-in-the-framework/18994/4 "2016-09-30T15:32:51Z")

</div>

Hi Steve,

sure that is possible. Please keep in mind that if you modify the source files of the frmwk you may lose your changes when you will perform a frmwk upgrade