Joomla Templates Club 406,261 posts

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#170690

when I enable project fork themes (any of them) I get top panel buton separating and moving to the sides (image attached above).

I have looked at the css but I could not find what is the problem.

I can sort this out by defining absolute position for left, middle, and right images of the buttom but I dont think it is a good idea. Any suggestions welcome.

Thank you.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#424619

Hi,
Could you give me a link to your page as you said?

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#424621

Hello and thanks for quick reply. I sent the link to you by message. Also if you could make a suggestion to show top panel in IE9 i will be grateful. It is several months IE9 has been released and top panel module has not yet been updated by joomlart. Thank you.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#424622

You go to Template manager,choose JA Portfolio template, then change CSS Optomize fieds to NO, so I can check how and where to customize for you.

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#424623

Thanks I just turned off css optimisation.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#424625

You login bakend > Extensions > Template Manager > JA_Portfolio – Default > GLOBAL > Css & Javascript Compress . Edit Optimize CSS to No .

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#424626

As I said, I have done this. Sorry I remembered I have also installed jfinalizer which does compress css. I have not turn that off too so there should not be any problem.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#424628

You find this code from /templates/ja_portfolio/css/mod_jatoppanel.css

.ja-toppanel-button-wraper .left .ja-toppanel-button-r {
background: url("../images/button-right.png") no-repeat right;
height: 23px;
width: 35px;
float: left; < add this line
}

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#424630

Ok, this solve part of problem. Now the right image of the buttom came to the left and joined the middle part. Now I have whole buttom in the left of the screen. How should I centre align. Thank you.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#424631

You replace this code from /modules/mod_jatoppanel/assets/style.css

div.ja-toppanel-button-wraper .left {
float: left;
margin: 0;
}
with

div.ja-toppanel-button-wraper .left {
left: 500px!important;
margin: 0;
}

1 user says Thank You to khoand for this useful post

1. amir00251

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#424635

Hello, Thank you issue has been resolved in firefox or chrome but in IE8 or IE7, I have the top panel buttom a bit to the right of screen.

When I look closely it seems that IE handels the template totally different, even top menu and amount of space I have left after menu items is different in IE.

[amir00251 Friend amir00251Join date: January 2011Posts: 113Downloads:38Uploads:13 Thanks: 13 Thanked: 11 times in 1 posts]

#424637

<em>@khoand 282681 wrote:</em><blockquote>You replace this code from /modules/mod_jatoppanel/assets/style.css

div.ja-toppanel-button-wraper .left {
float: left;
margin: 0;
}

with

div.ja-toppanel-button-wraper .left {
left: 500px!important;
margin: 0;
}
</blockquote>

Hi I think I have found the solution
code from /modules/mod_jatoppanel/assets/style.css

replace
div.ja-toppanel-button-wraper .left {
float: left;
margin: 0;
}

with

div.ja-toppanel-button-wraper .left {
float: left !important;
margin: 0;
}

and replace

div.ja-toppanel-button-wraper .right {
right: 10px;
height: 0;
overflow: hidden;

with

div.ja-toppanel-button-wraper .right {
float: right !important;
right: 10px;
height: 0;
overflow: hidden;

1 user says Thank You to amir00251 for this useful post

1. khoand

[Author]

Posts