Joomla Templates Club 406,261 posts

[strite Friend striteJoin date: February 2011Posts: 8Downloads:0Uploads:2 Thanks: 3]

#160069

We’re looking at extending the Sanidine II logo space to take up the full width of the top area, to create a banner. We’re almost there but the selected buttons has a minor 3~ pixel bit to the right of colour which we just cant suss how to remove.

I’ve attached the image below to the exact issue.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#376313

what have you modified? could you provide your site link?

[strite Friend striteJoin date: February 2011Posts: 8Downloads:0Uploads:2 Thanks: 3]

#376416

It’s been nearly 24 hours and no response…

Surely someone can help with this small issue?

Thanks.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#376422

Erm, hungnd replied above. We need to see what you have changed so please provide the information he has requested and we will be able to help.

[strite Friend striteJoin date: February 2011Posts: 8Downloads:0Uploads:2 Thanks: 3]

#376426

<em>@phill luckhurst 221087 wrote:</em><blockquote>Erm, hungnd replied above. We need to see what you have changed so please provide the information he has requested and we will be able to help.</blockquote>

Hi there Phill. Appreciate the reply, however not sure what’s going on here but there is no reply on my end by ‘hungnd’ whatsoever! Which information precisely is required?

Cheers!

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#376427

Can you not see his post above yours in this thread?

We will need a link to your site and details of exactly what you have changed code wise. Enlarging the logo area is a very simple procedure. It might even be better to restore to the default then we can detail how it is done from there.

[strite Friend striteJoin date: February 2011Posts: 8Downloads:0Uploads:2 Thanks: 3]

#376434

No oddly enough! The first 2 posts are my own then your reply.

As it stands its back to default (no code changes), so if it’s easier to go from there then we can certainly give that a shot.

URL – http://www.game-pad.net

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#376452

It would be great if you could make the changes so it would make easier for us to debug the issue as seen in screenshot 🙂

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#376456

Do you want the logo full width? To do that you should open template.css and around line 885 you will find the following code


h1.logo a {
background:url("../images/logo.png") no-repeat scroll center center transparent;
display:block;
height:70px;
width:330px;

}


change this to


h1.logo a {
background:url("../images/logo.png") no-repeat scroll center center transparent;
display:block;
height:98px;
left:-20px;
position:relative;
top:-10px;
width:928px;

}


and you will have the entire white area for your logo block.

1 user says Thank You to Phill for this useful post

1. strite

[strite Friend striteJoin date: February 2011Posts: 8Downloads:0Uploads:2 Thanks: 3]

#376459

I’ve attached an image of where we’re at now, this change is also currently present on the site too. We’ve made a black image to test. As you can see the buttons now don’t overlap smoothly and there also appears to be a small white border on the top bottom and right hand side. How would we go about fixing that?

Thanks in advance

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#376475

The images used for the tabs are not transparrent. You will have to edit those in an editor if you want to use them (mainnav-active.gif) with a black or transparent background.

As for the size, to get rid of the borders you are seeing adjust the code I provided to match below.

h1.logo a {
background:url("../images/logo.png") no-repeat scroll center center transparent;
display:block;
height:100px;
left:-20px;
position:relative;
top:-11px;
width:930px;

}


[strite Friend striteJoin date: February 2011Posts: 8Downloads:0Uploads:2 Thanks: 3]

#376482

Thanks Phill, we’ve done what you suggested which has removed the white lines. Have also saved the button as a PNG and changed the code so it recognises it as opposed to mainnav-active.gif it is now mainnav-active.png however this brings us back to the original issue.

If you look at the site now we are having the same problem that we originally created this thread regarding – Namely that little orange block at the top right of the button that we can’t get rid of. You can see it on our site as well as in the image attatched to the first post of this thread.

Any suggestions?

Thanks for all your help so far, it’s greatly appreciated. If we can solve this last little issue then we’re sorted!

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#376486

Do get rid of that pesky orange block…
Goto: …/templates/ja_sanidineii_light/ja_menus/ja_scriptdlmenu/ja.scriptdlmenu.css
– Line 79

Add the following in red:


background: url("../../images/mainnav-active.png") no-repeat scroll right top transparent;
cursor: pointer;
height: 40px;
line-height: 45px;
margin-right: -5px;


Have fun!
John.

1 user says Thank You to John Wesley Brett for this useful post

1. strite

[strite Friend striteJoin date: February 2011Posts: 8Downloads:0Uploads:2 Thanks: 3]

#376487

Smashing 😀 Thanks alot jbrett, that’s brilliant. Always the simplest problems that cause us headaches isn’t it? :laugh:

Tyvm.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#376497

I would have though -10px would look a little neater.

Be sure to enter your site in the site of the month competition, it is looking vey nice.

[Author]

Posts