Joomla Templates Club 406,261 posts

[crystalm36 Friend crystalm36Join date: November 2011Posts: 29Downloads:0Uploads:4 Thanks: 3]

#178450

Hello,
I added my own logo that should fit the full width of the site but there are spaces on both sides of the logo that I want to get rid of. How do I do that? I tried using margins and padding in the template css but it just pushes the logo off the center of the site.
Thanks for any help given.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#458627

Hi

Could you post a screen shot of your site ? the link you have posted gives an unpublished page.

[crystalm36 Friend crystalm36Join date: November 2011Posts: 29Downloads:0Uploads:4 Thanks: 3]

#458646

In the Get A Life Ministries Inc. banner, on the left and right side is white. I can change that background color in the #ja-header .main in the css template file, right now I have it set to white so that you can see where I am talking about. But I don’t want to see the background at all. I want to cover the full length of the page, even if I make the banner wider it still shows that space.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#458668

Hi there,

Could you pm me a temporary access to your site? and also set Compress Css in Template Manager to No, I shall help you out.

[crystalm36 Friend crystalm36Join date: November 2011Posts: 29Downloads:0Uploads:4 Thanks: 3]

#458787

ok gonna p.m. you now tys

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#458824

Go to this File : /templates/ja_mendozite/css/template.css

Add this Code


#ja-header .main .main-inner1 { margin:0px; }


And Replace this Code


h1.logo { width: 992px; height: 73px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 992px;
height: 73px;
overflow:hidden;
position: relative;
}

With


h1.logo { width: 1000px; height: 73px; }
h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 1000px;
height: 73px;
overflow:hidden;
position: relative;
}


Once done Increase the width of your logo /templates/ja_mendozite/images/logo.png to 1000px

Note: If you Find my Post useful please click on the Thanks Icon

[Author]

Posts