Joomla Templates Club 406,261 posts

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#183950

When changing my logo from the one supplied with the template, I noticed that the lowest 25% of the logo are unusable because they are covered up. The effect is stronger when viewed on the iPad then on a laptop. This forces me to squeeze the logo content in the upper part of the logo which looks awful. (see http://therebel.org) How can I fix that?

[Andrew Winkler Friend Andrew WinklerJoin date: September 2014Posts: 725Downloads:206Uploads:31 Thanks: 291 Thanked: 34 times in 2 posts]

#479933

I’ve solved the problem myself. It was caused by a missing ‘height’ parameter in line 1218 of template.css:

[PHP].logo-image h1 a {
background: url(../images/logo.png) no-repeat 0px 0px;
display: block;
text-indent: -999em;
height: 40px;
/*width: 79px;*/
width: 120px;[/PHP]
}

2 users say Thank You to Andrew Winkler for this useful post

1. JA Developer
2. donnawatts

[profidizajn Friend profidizajnJoin date: March 2011Posts: 6Downloads:0Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#484937

I prefer this add:
.logo-text h1 a {background-image: url(../images/logo.png);font-size: 0px;height: 45px;width: 120px;}
.logo-text p {display: none;}
#logo {width: 120px;}

For “color block” theme variations

1 user says Thank You to profidizajn for this useful post

1. Wall Crasher

[Author]

Posts