hub.eb?material_id=159

Styling with CSS


Presentation templates also hold CSS files, which allow you to create your own custom styles. 

Steps


1

Create a new CSS resource and call it myStyles.

2

Select the Code tab, and create a new class called myClass, i.e.

.myClass {
   color:blue;
}

Save your resource and click the Design tab, where you'll see your new class and its properties. 

3

Go to Web Resources in your presentation template, open Style Sheets and add your myStyles CSS resource. Save the presentation template.

4

Go to your form, drag and drop a text control onto a page and add some text.

5

Open the Control style on the right hand side of the studio. 

Go to Advanced properties then Style. At the bottom of the window, select Enable local setting and click the elipsis [...] to view your available CSS tags.

Select your class and click the arrows [>>] to add it to your Selected classes. Click ok and exit the window. 

6

Your text should now show be blue!

Related