changing_the_banner_of_your_portfolio

You are here: start » changing_the_banner_of_your_portfolio

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.


<p>
<img src="/avenue/lib/exe/fetch.php?media=pebblepad:pplogo.png" class="media" alt="" />
</p>

<h1>Changing the Banner of Your Portfolio</h1>
<div class="level1">

<p>
<a href="/avenue/lib/exe/detail.php?id=changing_the_banner_of_your_portfolio&media=screen_shot_2016-06-05_at_10.05.50_pm.png" class="media" title="screen_shot_2016-06-05_at_10.05.50_pm.png"><img src="/avenue/lib/exe/fetch.php?w=700&tok=e30b85&media=screen_shot_2016-06-05_at_10.05.50_pm.png" class="media" alt="" width="700" /></a>
</p>

<p>
All your projects (and pages within projects) in PebblePad support banners. Banners are wide images with a large title and subtitle that can used to introduce each section of your portfolio. It’s possible to choose your own images to set as banner backgrounds. 
</p>

<p>
To change a banner image:
</p>

<p>
1. Click on the banner and select “Replace image” in the bottom right-hand corner.
</p>

<p>
2. A panel will slide out from the right side. You can now select from several preset banners or choose your own. (You can press “Remove image” to have a banner with a blank background).
</p>

<p>
When constructing portfolios or pages, it is strongly recommended that the images you upload for the banner are of HD quality, with a size of at least 2000 x 400 (we have found that 500 pixels high works well as a maximum value). If you are creating templates or workbooks the recommended size is 950 pixels wide by 196 pixels high. 
</p>

<p>
<b>Note:</b> PebblePad locks into the very centre of the selected image, regardless of its size; the same applies for its own preset banners. The length of the image can be mainly preserved by using an image with a width of 1280 pixels. However, the top and bottom of the picture will be cut off regardless of the height. To change the size of your image using photo editing software (such as the free Pixlr), refer to the section on <a href="/avenue/doku.php?id=editing_images_using_apps" class="wikilink1" title="editing_images_using_apps"> resizing images</a>.
</p>

</div>

Print/export

Printable version

Search

Navigation

Print/export

Tools

QR Code