Aportfolio

Applying/Copying Site-Wide Styles Tutorial

  1. Home
  2. Applying/Copying Site-Wide Styles Tutorial

This tutorial will make applying a consistent background or font style throughout your eportfolio easy!


Slide: Similar to PowerPoint, a slide is a blank page that you can add content to such as text, images, PDFs, etc.

Module: Modules are used to add content to your Aportfolio. Here are some examples of modules: rich text module, image/video/audio module, gallery module, contact module, and google module


NOTE: Customize Styles is context-sensitive. This means that you can customize styles for Text boxes OR Sections/Slides depending on which area of the page you select

Click to view PDF Version

Step 1

 

First, create a single page with the font styles, background colors/images you like. You can then use the Customize Style (paint bucket icon) to replicate/copy the style choices on either existing or new sections in your Aportfolio



Step 1

Step 2

In this example we are applying the Customize Style to the BACKGROUND of the slide. 


MAKE SURE YOU ARE ON THE TEXT BOX OR SECTION THAT CONTAINS THE STYLES YOU WOULD LIKE TO REPLICATE BEFORE APPLYING STYLES


To apply your top and/or bottom layer background style to other sections of your Aportfolio, first click on the cogwheel in the slide area. Then click the paint bucket icon next to Customize Style. 


Step 2

Step 3

Here you can choose to apply to all existing sections OR apply to new sections


Depending on whether all your pages are currently created you may need to come back to this selection and reapply the style.


Step 3

Step 4

Under Style Properties, check the changes that you want to be added to your other sections. 


If you want all to be added, make sure to click “Select All” under Style Properties.


On the right of your screen, under “Select specific Section(s)”, you will choose which sections you would like to change.


If you want all to be changed, make sure to click “All Sections”.


 Step 4

Step 5

Once you have finished, click “Apply Style” at the bottom right.

Step 5

Step 6

Your other top and bottom layers have now been updated with your new style! Click on the sections you applied them to check them out!


***This same process can be used for applying styles to Text Boxes by simply selecting the cogwheel next to the text box that contains the colors & fonts you would like to replicate throughout your site.

 Step 6

Step 7

To apply the same style to a Rich Text module (includes font type, size ,color etc) Repeat steps 3-6.

 

If you have any questions about how to use this feature you can contact us at aportfolio@appstate.edu