Joomla Templates Club 406,261 posts

[jctirado Friend jctiradoJoin date: November 2009Posts: 3Downloads:0Uploads:0 Thanks: 2]

#151150

I’m building this site http://enlacanchapr.com/ which looks perfect in Firefox, but the logo is truncated in IE7 (have not tried other versions). I have tried tweaking the CSS, but I’m not expert. Also, did a quick search on the forum (ja_tube, and general search feature) but have not found anything yet (not exhaustive, I admit).

Can you point me to the solution on this issue? A link to an existing answer is OK.

Thanks!

[jctirado Friend jctiradoJoin date: November 2009Posts: 3Downloads:0Uploads:0 Thanks: 2]

#343989

Well…I have spent the last 5 hours searching this forum and trying suggested solutions, but none of them have worked. Anyway, I finally did my due diligence of seaching the forum carefully before asking.

I just dicevered something. By addiong width and height lines at the hovering section I get the logo to appear when I hover the mouse over it. Why it is not showing properly by default?

h1.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 100px;
width: 375px;
}

h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
height: 100px;
width: 375px;
}

I appreciate your help on this matter.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#344103

Dear jctirado,

Just checked your site on IE7 But did not see the issue appeared .

1 user says Thank You to Sherlock for this useful post

1. jctirado

[jctirado Friend jctiradoJoin date: November 2009Posts: 3Downloads:0Uploads:0 Thanks: 2]

#344217

Thanks for visiting the site, but I found the problem. I was tweaking template.css and ie.css, but then I adjusted the header hegiht and width in the colors folder (blue.css, in my case) and the issue was solved. Thanks anyway!

[GeoVi Friend GeoViJoin date: January 2009Posts: 278Downloads:4Uploads:17 Thanks: 226 Thanked: 8 times in 1 posts]

#365159

I’m having a similiar problem and didn’t want to post a new thread. I’m trying to adjust the header space as my logo is not in its proper position. I adjusted the css.color (red in my case) to make the logo fit. I’m trying to position the logo higher in the header so it will be displayed properly. I’ve attached an image.

The site is [here].

Appreciate the help.

Regards,
Avis

---

Attachments:

1. 

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#365596

Hi,

Please follow below steps:

1. open file templates/ja_tube/css/template.css looking for line 1189 and you will see below codes
h1.logo, .logo-text h1 {
font-size:350%;
left:20px;
margin:0;
padding:0;
position:absolute;
text-transform:uppercase;
top:20px;
}
2. Then you remove top: 20px;

Let me know the results

1 user says Thank You to JA Developer for this useful post

1. GeoVi

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#365597

Hi,

Please follow below steps:

1. open file templates/ja_tube/css/template.css looking for line 1189 and you will see below codes
h1.logo, .logo-text h1 {
font-size:350%;
left:20px;
margin:0;
padding:0;
position:absolute;
text-transform:uppercase;
top:20px;
}
2. Then you remove top: 20px;

Let me know the results

1 user says Thank You to JA Developer for this useful post

1. GeoVi

[GeoVi Friend GeoViJoin date: January 2009Posts: 278Downloads:4Uploads:17 Thanks: 226 Thanked: 8 times in 1 posts]

#365612

Thanks JA Developer! This solved my problem. I never would have figured that out so your help is greatly appreciated! I’d mark Best Answer but unsure how to do that with this new forum format.

Much gratitude,
Avis

[Author]

Posts