From the course: UXPin for UX Design

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Style elements with custom CSS

Style elements with custom CSS - UXPin Tutorial

From the course: UXPin for UX Design

Start my 1-month free trial Buy for my team

Style elements with custom CSS

“

- [Instructor] You may have noticed something when you select an element. There's this little thing in here called CUSTOM CSS. The fascinating aspect of this property is you can apply CSS styling to selected elements. And if you want to work along with me, just open up a new project called CSS and add a box element with the words Click Me in it. Here's what we're going to do. I have a box element, and it's just basically a plain Jane styling. Now, you can jazz this thing up using specific properties in the Properties panel, but let's just assume a typical button should have dimensions of, say, 200 pixels by 60 pixels and rounded corners. The text color should be white, and the button itself should be filled with specific hex color and should have a drop shadow. This can all be accomplished through CSS. In your chapter download, there's a file named CSS.txt. Now, I'm going to open it up, right there, and you can see here…

Contents