Joomla Templates Club 406,261 posts

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#177857

I have put my logo into the header but there is a 5 px or so white space or padding around it. I can’t seem to remove this. Could you please point me in the right direction.

http://betterrent.com.au/test-site/

Many thanks

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

#456210

GO to this file: http://betterrent.com.au/test-site/templates/ja_rave/css/template.css

Replace this code

#ja-header .main .main-inner1 { padding: 5px 0px; margin: 0px 15px; border-bottom: solid 1px #ddd }


with


#ja-header .main .main-inner1 {
border-bottom: 1px solid #DDDDDD
margin: 0 15px 0 20px;
padding: 0;

}

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

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#456212

Thanks for your super quick response.
For some reason my logo has now disappeared and the T3 Framework logo is there.

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

#456227

Go to this File: http://betterrent.com.au/test-site/templates/ja_rave/css/template.css

Replace this code

h1.logo a {
background: url(../images/logo-4.png) no-repeat left !important;
display: block;
width: 960px;
height: 125px;
margin-left: 0px;
}


With

h1.logo a {
background: url(../images/logo-4.png) no-repeat left top !important;
display: block;
width: 960px;
height: 125px;
margin-left: 0px;
}


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

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#456276

That didn’t seem to do anything. Will check again tomorrow.

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

#456280

Post your Ftp details in PM Will fix it and update you

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

#456284

Try Adding this code to http://betterrent.com.au/test-site/templates/ja_rave/css/template.css


#ja-wrapper h1.logo a {
background: url(http://betterrent.com.au/test-site/templates/ja_rave/images/logo-4.png) no-repeat left top !important;
display: block;
width: 960px;
height: 125px;
margin-left: 0px;
}

#ja-wrapper h1.logo {
width: 960px;
height: 125px;
}

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

1 user says Thank You to chavan for this useful post

1. Leon Cuzzilla

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#456289

Thankyou thankyou thankyou. Works a treat.:D

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#456357

In Safari it looked perfect. Just did a check on different browsers and Firefox and IE show a 5px gap just above the main navigation and below the logo banner. Do you know how I can get round this? Thanks again.

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

#456372

Try replace this code from this file : http://betterrent.com.au/test-site/templates/ja_rave/css/template.css


#ja-header .main .main-inner1 { border-bottom: 1px solid #DDDDDD margin: 0 15px 0 20px; padding: 0; }

With


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

if this is not a fix , then please post a screenshot where the error occurs.

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

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#456382

The gap is still there. Here is a screenshot

---

Attachments:

1. 

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

#456383

I don’t see the space please make a mark on it.

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#456386

I have pointed to the gap just under the banner and just above the main nav.

---

Attachments:

1. 

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

#456397

that is the design of your template, so you need remove that then the hover image of the menu will not look good. Inspite you want it to remove, I will provide you a suggestion.

for your reference check this image

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

---

Attachments:

1. 

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#456399

yes ok I understand I will have another look at it.

[Author]

Posts