Joomla Templates Club 406,261 posts

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#159203

Hi all
I am trying to add the J1.6 top panel module (ja ext) to the 1.6 community template, it’s installed fine, however the community template differs from Ja social in it has no div called topbar, leaving me with this yellow gap!:) as per screenie .

I’m still coming to grips with the many ways the latest templates are controlled and need assistance to either replicate the topbar location etc from Ja Social or just kinda fill the gap, also the panel is about 20px away from being flush with both margins, that is 20px to right leaving gap on left side.
I hope this is enough info for you to help me.
Cheers Shane

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

#373460

Can you provide a link to your site

1 user says Thank You to aman204 for this useful post

1. tfosnom

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#373483

Url sent via PM

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

#373529

<em>@tfosnom 217171 wrote:</em><blockquote>Url sent via PM</blockquote>

Please re-check as I have recieved the pm till now

1 user says Thank You to aman204 for this useful post

1. tfosnom

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#373578

Sent a second time, pm has this subject line
URL for problem site – 1.6 community + re top panel module div

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#373630

Dear @tfosnom,

To fix this problem please do as following:
– Open “template.css” file in folder “templatesja_community_pluscss”.
– Find around line ( 840 ), change code:


#ja-top-panel .main-inner1 {
background:none repeat scroll 0 0 #FFFFCC;
border:2px dotted #E2E2B5;
margin-top:15px;
padding:5px 10px;
position:relative;
text-align:center;

}

To


#ja-top-panel .main-inner1 {
margin-top:15px;
padding:5px 10px;
position:relative;
text-align:center;

}

Solution: remove two lines of code


background:none repeat scroll 0 0 #FFFFCC; border:2px dotted #E2E2B5;


1 user says Thank You to thuanlq for this useful post

1. tfosnom

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#373723

Thanks for that ,
my template.css file was different it was at line 1679, and had background:#FFFFCC; instead of background:none repeat scroll 0 0 #FFFFCC; but I now have the same values now as you indicated.

I still have a problem with the width of the top panel dropdown being 20 px short of full width of the rest.


where in the modules/mod_jatoppanel/assets/style.css file do I increase things to make the open panel 20px wider?
Cheers Shane

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#373805

Hi @tfosnom,

Please open “template.css” again, and add new style at the end of file:


.ja-toppanel-panels div
{
margin:0px !important;
}


1 user says Thank You to thuanlq for this useful post

1. tfosnom

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#373883

Thanks, but that didn’t quite fix it, the “blind” is now 12 px too far to the right, that is, the right edge has moved to the right by 12 px
Cheers Shane

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#373972

Hi @shannon,

Please reopen “template.css” file, and add new style on end of this file:


.ja-toppanel-panels div:first-child
{
margin:0px !important;
}


[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#374093

Thanks, but no change after inserting the code. I have now removed both codes and have the drop down top panel module right flush with right side of site but still with 20 px gap on left as per image in post #7 above. any other solutions? Perhaps increase the width of the panel by 20px to compensate?

Cheers Shane

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#374165

Hi @tfosnom,

Please provide me your website url and admin login details,i shall help you.

1 user says Thank You to thuanlq for this useful post

1. tfosnom

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#374186

Replied via PM with details earlier:)

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#374191

Dear @tfosnom,
Please add style as following into “template.css” file


#ja-top-panel .main-inner1 {
padding:0px 0px;
}
.ja-toppanel-panels div:first-child
{
margin:0 0px !important;
}


1 user says Thank You to thuanlq for this useful post

1. tfosnom

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#374370

Thank you that’s working fine now. In my PM to you I mentioned I couldn’t get the typography button to do anything and the global article settings and the individual article settings are not stopping the date, author etc from showing even though they are turned off. Did you manage to look into those problem while you have admin access please?

Cheers Shane

[Author]

Posts