FrogFolio at TCU: Student Learning. Made Visible.

1. CSS CUSTOMIZATION
how to personalize your portfolio

2. CSS Color Code Chart
• The Custom CSS code can be found by clicking Portfolio
Tools  Settings  Customize
• Please note that editing this section could alter the functionality
of Digication’s ePortfolio system. Use caution when editing
your CSS.

3. Background Color
• You do not need to edit your CSS to change the background
color of your portfolio or to add a background picture. See the
Settings Tutorial for more information.

4. Background Font Color
• To edit the background font color change color: #222222, listed
under
to a color code of your
choice.
• Changing this code will alter THESE fonts.

5. Navigation Bar Color
• To edit the navigation bar change {background-
color:#f7f7f7;, listed under
color code of your choice.
• Changing this code will alter THIS bar.
to a

6. Page Color
• To edit the page color change background-
color:#FFFFFF;, listed under
color code of your choice.
• Changing this code will alter THIS part of your portfolio.
to a

7. Border Color
• To edit the border color change border-color:#FFFFFF;, listed
under
to a color code of your
choice.
• Changing this code will alter THIS part of your portfolio.

8. Border Design
• To edit the border design change border-style:solid;, listed
under
to a style of your choice.
• Your options are solid, groove, dotted, dashed, and double.
• Changing this code will alter THIS part of your portfolio.

9. Footer Color
• To edit the footer color change background:none;, listed under
to a color code of your choice.
• Changing this code will alter THIS bar.