From the course: MadCap Flare 12 Essential Training
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
CSS modification - Flare Tutorial
From the course: MadCap Flare 12 Essential Training
CSS modification
In this video, you'll learn how to modify existing styles and create new ones to customize a basic style sheet. You notice that here, my level one head is red, and I decide that I want all my level one heads, my H1s to be green. What I'll do is, I can simply click on the level one head in the topic. It gets highlighted in the list of styles, and there's a button that I can click up at the top that says, "Edit style." Click, it's going to open up the style sheet editor, and I now make sure that this option says "all styles." I may have to scroll down a little bit, but I'm looking for H1 which is selected. That's the last one I used. I'm now going to open the font group, and I'll change the color from red to some shade of green, and I'll do a save all. Now, when I go to my demo topic, it's heading is green. Any topic has had its header changed from red to green. It's easy to modify an existing style. What you can also do is create a new one. There's several different ways to do it. What…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
CSS concepts4m 48s
-
CSS creation3m 43s
-
CSS application1m 46s
-
CSS modification4m 13s
-
✓ Challenge 6: Create a stylesheet1m 11s
-
✓ Solution 6: Create a stylesheet4m 1s
-
Table stylesheets4m 44s
-
✓ Challenge 7: Create a table stylesheet2m 20s
-
✓ Solution 7: Create a table stylesheet6m 4s
-
Master page concepts, creation, and application4m 38s
-
✓ Challenge 8: Create a master page1m 40s
-
✓ Solution 8: Create a master page4m 21s
-
Page layout concepts, creation, and application5m 34s
-
✓ Challenge 9: Create a page layout2m 7s
-
✓ Solution 9: Create a page layout5m 56s
-
Skin concepts2m 22s
-
Tripane skin creation3m 41s
-
Top Navigation skin creation2m 59s
-
✓ Challenge 10: Create a tripane and topnav skin1m 54s
-
✓ Solution 10: Create a tripane and topnnav skin3m 43s
-
-
-
-