Public Forums 71,145 posts

[yakusa Friend yakusaJoin date: January 2012Posts: 32Downloads:5Uploads:4 Thanks: 2 Thanked: 10 times in 1 posts]

#183834

Hello,
I have find a curious problem with modal links. If the page uses a rel=”modal” like VM or Acymailing
Then te link is apear like here:
demo

Regulamin link on the center of the page in a rounded box on every page! 🙂
Weird

J.2.5.8

How fo fix it?
Thanks!

[yakusa Friend yakusaJoin date: January 2012Posts: 32Downloads:5Uploads:4 Thanks: 2 Thanked: 10 times in 1 posts]

#479277

And K2
K2
😮

[yakusa Friend yakusaJoin date: January 2012Posts: 32Downloads:5Uploads:4 Thanks: 2 Thanked: 10 times in 1 posts]

#479382

I have found problem and solution in bootstrap.css file.
When the link have class=”modal” like
<blockquote><a class=”modal” title=”Something” href=”something?tmpl=component” rel=”{handler: ‘iframe’, size: {x: 650, y: 375}}”>Something</a></blockquote>
Then modal class from bootstrap.css are used to handle it and every link is centered on the page, with white rounded box as the css class describe below
<blockquote>.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 1050;
width: 560px;
margin: -250px 0 0 -280px;
background-color: #fff
border: 1px solid #999
border: 1px solid rgba(0,0,0,0.3);
*border: 1px solid #999
-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;
}</blockquote>

To resolve it i just delete whole .modal class parameters and i left only one thing

<blockquote>background-color: none;</blockquote>

Now it works 😉
Regards!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#479444

Thanks for sharing solution:laugh:

[Author]

Posts