Logo image is cropped

This tutorial applies to the following templates:

  • Colette
  • Maya
  • Grace
  • Magnolia
  • Harmony
  • Verona
  • Kodaline
  • London
  • Hannah
  • Elvira
  • Valencia
  • Serenity
  • Chelsea
  • Scarlett
  • Trinity
  • Willow
  • Caitlin
  • Nadia
  • Beaumont
  • Ashley
  • Fedora
  • Artisan
  • Creative
  • Revolve
  • Madison
  • Florence
  • Vitality
  • Enterprise
  • Boutique
  • Stockholm
  • Alexis
  • Central
  • Boss
  • Journal
  • Enlighten
  • LifeStyle
  • Habitat
  • Grafik
  • Brooklyn
  • Cashmere
  • Virtuoso
  • Polaris
  • Calibra
  • Renovate
  • PianoForte
  • Kindle
  • LetterPress
  • Impulse
  • Nocturne
  • Metropolis
  • Clarity
  • Substance
  • Privilege
  • Resonate
  • Arkadia
  • Presence
  • Evolution
  • Catalyst
  • Executive
  • Bordeaux
  • Novation
  • Specialize
  • Chimera
  • Avenue
  • Rendezvous

Our templates come with an area in the header to locate a logo image. We try to set the size of this area so that it will accommodate your typical logo image size however in some cases you may find that this area is to small, resulting that your logo is been cropped.

You can amend this issue by resizing the containing div with with CSS. Simply add the following to the Custom CSS field of your templates parameters...

.logo_container, h1.logo, h1.logo a, #logo {
    height: 100px;
    width: 300px;
}
Edit the height and the width to match that of your logo image.
  • Tuesday, 15 October 2013

Who's Online

We have 525 guests and 4 members online

Join Our Newsletter

Free Classic Template

Sign up to our Newsletter and receive news on template releases and discount coupons along with free access to our 'Classic' Joomla template.

Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.