Joomla Templates Club 406,261 posts

[VisiGod Friend VisiGodJoin date: January 2006Posts: 538Downloads:0Uploads:4 Thanks: 76 Thanked: 138 times in 18 posts]

#185336

In brief: the option “Add New Item” in K2 Category layout has fixed position which looks very ugly and I think was missed/bugged when styling the template.

How to reproduce?
1. Install the template.
2. Login in frontend (with user who has frontend adding content rights).
3. Go to a K2 category.

See the block “Add New Item”

1 user says Thank You to VisiGod for this useful post

1. phong nam

[VisiGod Friend VisiGodJoin date: January 2006Posts: 538Downloads:0Uploads:4 Thanks: 76 Thanked: 138 times in 18 posts]

#484651

The problem comes due to:

.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #fff
border: 1px solid #999
border: 1px solid rgba(0,0,0,0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
box-shadow: 0 3px 7px rgba(0,0,0,0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}

1 user says Thank You to VisiGod for this useful post

1. phong nam

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#484713

Hi VisiGod,

Thank you. We really appriciate your suggestions for fixed position of “Add New Item” in K2 Category layout.
In addition, our developer also published solution on github.
You can see here.

Regards,
—
Leo

[VisiGod Friend VisiGodJoin date: January 2006Posts: 538Downloads:0Uploads:4 Thanks: 76 Thanked: 138 times in 18 posts]

#486070

Maybe you should add it in the K2 css ovewrite file of the template?!? I find it stupid to require all users to do this as manual fix?!?

1 user says Thank You to VisiGod for this useful post

1. phong nam

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#486114

Hi VisiGod,

Our dev team already fixed this bug on JA Mitius template, the updated template will be released soon.
But before that, you can follow my guide for fixing this bug in K2:

1. Copy k2.css from /components/com_k2/css/k2.css to your /templates/[yourtemplate]/css/k2.css
2. Upgrade class for a.modal

#k2Container a.modal {
border: 0px;
display: inline-block;
margin: 0 10px 0 0;
position: relative;
top: auto;
left: 0px;
width: auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
}

Note: You can use this css selector #k2Container a.modal or any specific css selector .k2UserBlock .k2UserBlockActions a.modal

Regards,
—
Leo

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#486181

Hi VisiGod,

The bug is fixed in our JA Mitius template 1.0.1.

Yours faithfully,
—
Leo

1 user says Thank You to phong nam for this useful post

1. VisiGod

[VisiGod Friend VisiGodJoin date: January 2006Posts: 538Downloads:0Uploads:4 Thanks: 76 Thanked: 138 times in 18 posts]

#486224

Great 🙂 … ten symbols

[Author]

Posts