Using Modal Windows in template NEWS 2

February 2014 Joomla Template
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Dec 18, 2014 2:29 pm
Reply with quote
Report this post
When I try using modal windows in article, modal window pop-up, but is all black.
Where it is possible to change the appearance of modal window (background color)?

Same modal windows pop-up in user registration form, when if I want to be active link for the Term and condition.
This feature can be enabled in plugin User - Profile (User profile for registration form ).
Also this modal windows is completely black :(

There are some examples for modal windows:
<a href="http://www.example.com/images/myimage.jpg"
class="modal">Click here to see my image</a>

<a href="http://www.example.com/somepage.html"
class="modal" rel="{size: {x: 700, y: 500}, handler:'iframe'}"
id="modalLink1">Click here to see this interesting page</a>
User avatar
Senior Boarder

teitbite
Sat Dec 20, 2014 4:06 pm
Reply with quote
Report this post
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.
User avatar
Moderator

GK User
Mon Dec 22, 2014 11:16 am
Reply with quote
Report this post
Link to URL: http://silvarium.setrnedrevo.cz/profil- ... registrace

Modal window link is under captcha:
<a class="modal" title="" href="/index.php?option=com_content&amp;view=article&amp;layout=modal&amp;id=2016&amp;tmpl=component" rel="{handler: 'iframe', size: {x:800, y:500}}">Podmínky užívání webu:</a>

I now has in override.css:
body.contentpane { background-color:#fff !important; }

so body is now white, but border of modal windows is black.
User avatar
Senior Boarder

teitbite
Mon Dec 22, 2014 7:25 pm
Reply with quote
Report this post
Hi

Try with this class:

Code: Select all
#sbox-window.shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
User avatar
Moderator


cron