[#5117] Logo Position

I'm using coolness template j3x_template_coolness_3.0.0. When I use a image logo its not in front and it's not centered in the area in the upper left of the page. You can see it at ohconline.com/ .

I've tried editing template.css in the logo section but I'm not having any success. Can you help?

/* Logo formatting: */
#logo { float:left; width: 100px; background:url(../images/head_foot.png) no-repeat 0px -82px; }
#logo a {text-decoration:none; color:#636363;}
#logo h1 {margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:32px; line-height:100%; font-weight:500; display:block; padding:10px 0 0 20px; }
#logo h1 STRONG { color: #636363; font-style: italic; font-weight: bold; }
#logo h1 a STRONG { color: #636363; }
#logo h1.logo { padding:0; margin:0; height:82px; }
#slogan h2 { margin:0px; padding:0px; height:49px; line-height:49px; color:#636363; text-align:center; font-style: italic; font-size:28px; font-weight:bold; padding-right: 20px; }

It's not supposed to be centered. The CSS is designed to left align it. I don't think you'll be able to easily center it without altering the floating and alignment behavior entirely.

However, the rounded corner styling shouldn't be on top of it. That looks like it's due to the wrong ID being on the logo image tag. Please try the below workaround.

IN: templates/coolness/index.php
ON: Line 158
FROM: TO:
forge.joomlapolis.com/issues/5117

That fixed it. Thanks

I don't know how to show that this problem has been answered.