Editing Page Backgrounds

If you would like to edit the color or background image on your top and/or bottom layers of your page, follow the directions below.

Downloadable PDF

Step 1

Outlined in yellow, the Top layer of your aportfolio contains your text, photos, and other content. 


Outlined in purple, the Bottom layer of your eportfolio is the background color/photo of your whole eportfolio. 

WehySJs22lBTm7xiSE0nNJ_It28jXCbsq938koxKjtm8vhlX7zcctbXFDW4zYV_waRZCsgWQAawMZlUVPkjjic9TcovTb8xjLhUhYpNyDHw6oHIZ-M6BYXl7y-YFNsRj-nGEUhJX

Step 2

To edit either your top or bottom layer background, click the design icon on the far right of your screen. 


(If you would like to edit text boxes, Click Here to view the tutorial)

frrAjAGe4oO5LoCLS9-rg6JcbfNyyz8KZPYN41vRoACA0cFAp0q-9xv4PNLQxKhzfTA5QYhQvVtUOr3VaSSnyxXee3VrMHDdBTDvR_yh57HMXwnogVgfHnnPshqhHNofpbhhyeLH

Step 3

On the left of your screen, you will see Customize Style, Top Layer Background, and Bottom Layer Background. 


(You cannot customize text boxes here)


For both the Top and Bottom layer backgrounds, you will be able to change the color/color opacity and/or add an image/change the image opacity

YrCjxvUXzi7lRvICy0cvcLC72TtugY_OS571RgfLLWB63Qz-IBAozl-HRD_j_GERtSMapGKSoJCfj3SsmRvNPUkCEnuwrK0wUiz_ImsB5P2KtPjZ89bU8Hz761rscUsDZy5wQmno

Color

Step 1

To change the color of your top or bottom layer background, click the square to the right of the word color.  

oy0WjK7BjoH3IZVbygHCRJh-afGrvf0oi3FhaAnXTs_ovWwB57ZrlErXhUXyvA6vXMxIF8EHP1lQ-Qxr6SitEYfrr9uzK3MILyhV9f6sVAdCc1LN-5YvEXFmm92WBIGr6J9keBee

Step 2

Here you can click on any of the colors provided to you or enter your own hex code. 


You can find a wide variety of additional color hex codes and color palettes through either Canva or Adobe  

xEeC_G-SP5uS1C9xTxV_6IQkNIkMAjzchozHSdIcHR6UUYrtgrXJaucM5q6dCrJ-LzA3R9TIp1CJupQbQZwflKaF2fIVJy7_A-WvpWpxe4A6BG5m49zfVJ_jl1hZTO7dZ4MPhz-X

Step 3

If you are using a custom hex code from Adobe or Canva, copied your hex code, paste it next to the hash sign. Make sure to delete any hashtags you paste, otherwise, the color will not work.


If you do not see your color right away, edit the color opacity around and it should show up. 

TFQ6_JV9WpafxIrchlCc74KPEpJgWEHsi-SmQ04Siaqyhzuvor4VtJRpvqoC6fWDmgg8JVpJz4Hlg0Oi6KqpR68yEND7BTimv2uLjevqUxoqsI42XTcjj8YlbQ7ryRRfoI25aHxV

Step 4

Opacity allows you to edit how much color shows up on the layer. 

To edit the color opacity you can either click on the plus and minus signs or click on the percentage and move the slider to your desired opacity. 

QO9ZYa3GvS3IG5OfWvz3boQ_dr3wIBo8LOYaXwQ_px1eM4MrouxIWK60f9jEEDy1fnffDbdAD_D5PxkWVy5i_sSrBddbOJmniSZuyJQdRVdHe_pPy1uwQQQEQBHBIcxK0Fmp4F3G

Photo

Step 1

If you decide to upload a photo/image, there are two different ways it can be displayed: Fixed and Repeat


  • When fixed is applied, your photo will remain still when scrolling. 

  • When repeat is applied, your photo will repeat itself as you scroll down your page. 

ROH4q9tnzjeS5gVQx0r6yLgGgwdPPga7zMcjiinYtc_znZo39tBBdvrytvk30bHh9OVTgi5zwTeJkKdY3-EyqJnkeOr6cS-la2IX6YTl7FS7rxb-eLuSJ45R1D4ajfufkTJkeDO6

Extra!

If you would like a seamless background with your header section, visit the seamless background tutorial

VPplOspOQi2n8ZELNMXjBtfv3hYKF_Rkw7_juI6K3AZ-j22rAoN1obUh3Fm2xzc9AYE97CnB6DbVpLQ2j3Ab-KGpVTDZOy5S-VMQRfDPePqjQQfGTLLYwiOr2NztTYwro3Hs0_fU

 

If you have additional questions, email us at aportfolio@appstate.edu