Quick Tip: Upload and resize the logo for your Umbraco 7 theme

How do I add a logo to my theme and then resize it?

uSkinned Member

Step 1: Upload your logo

Within all of our themes we provide our users with the ability to upload their own logo to the theme via the Content Editor area of the Umbraco CMS.

This can be found: Login to CMS > Go to Content > Expand Website Configuration > Open Global Settings > Use the media picker to upload your logo

Step 2: Resize your logo

Now you're logo is in place you might find you want to either increase or reduce it a little in size. Don't worry, that's really simple too :)

Login to CMS > Go to Settings > Expand Partial Views > Expand USNWebsiteHeadSection > Open USN_InternalStyles > Find this code

if (originalHeight > 30)
//get new width
smallWidth = (30 * originalWidth) / originalHeight;
smallHeight = 30;

You should now update the above number in bold (this will differ from theme to theme) with the height, in pixels, that you would like your logo to be. The width of the logo will then be calculated based on the ratio of the original image you uploaded in step 1.

comments powered by Disqus

Get started today

Join thousands of agencies, freelancers, enterprises & start ups worldwide who use uSkinned Site Builder for Umbraco to deliver results.

NEW Site Builder!

We have launched a brand new, game-changing product for Umbraco CMS.