Joomla Templates Club 406,261 posts

[singercoats Friend singercoatsJoin date: November 2010Posts: 8Downloads:0Uploads:0]

#167955

I have started modifying this template and am confused about the difference in how IE and Firefox display the CSS for the header. There seems to be extra top and bottom padding around the logo in IE. I increased the logo size. I wasn’t having this problem with a smaller logo. Can someone show me how to code the css so IE looks more like Firefox with respect to the padding?

http://www.bluegrasswebguy.com/mtview

look at with both browsers and you will see what I mean, it looks like about 15 extra pixels padding top and bottom.

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#409490

whats noticable in both browsers in the text is too large, can you go yo setting and change this or is this how you want it?

[singercoats Friend singercoatsJoin date: November 2010Posts: 8Downloads:0Uploads:0]

#409513

I found this code that fixed my problem

#ja-headline .main-inner1 {

padding: 0 15px;

}

which I reduced to 5px. This fixed my problem, so you likely didnt see what I had originally complained about.

[philip_nav Friend philip_navJoin date: September 2014Posts: 106Downloads:239Uploads:23 Thanks: 6 Thanked: 8 times in 1 posts]

#409713

Hi I fyou want to change your logo size you need to go to your template CSS and find the section blow:

/* HEADER
——————————————————— */
#ja-header .main { padding: 25px 0 20px; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px;}

/* Logo Image —*/
h1.logo { width: 321px; height: 62px; }

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

of course you need to change the size to you exact logo size, then clean the cach and thats all…good luck

[Author]

Posts