Joomla Templates Club 406,261 posts

[xuxo Friend xuxoJoin date: November 2013Posts: 105Downloads:13Uploads:12 Thanks: 24 Thanked: 1 times in 1 posts]

#981832

Hi, I’m having styling problems with japopup, even I’m trying to modify parameters in the japopup plugin and seems that

I’m using the following definition for the 500px width popup

{japopup type="iframe" content="index.php?option=com_rsform&formId=4&tmpl=component" width="500" height="650"}Start now!{/japopup}

but, as you can see in the attached image, the content of the form overlaps the width of the popup. When I try to declare a wider popup, i.e. 550 or 600 px, still the content overlaps the popup 40 or 50px

I’ve been trying to modify parameters on the JAPOPUP plugin (Show overlay, Overlay fill, …) and nothing happens.

I deeply appreciate any help in order to solve this issue

Thanks in advance

Joan

---

Attachments:

1. 

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

#981983

Hi Joan,

It takes some px for the thick padding of the popup.

In JA Popup plugin settings, it supports different type of popup, did you change to switch to another type? like Fancybox, ….

[xuxo Friend xuxoJoin date: November 2013Posts: 105Downloads:13Uploads:12 Thanks: 24 Thanked: 1 times in 1 posts]

#983528

Hi Saguaros, thank you for your answer. Now with Fancybox I get the with and padding that I was looking for. The problem now is that with Fancybox seems that the popup height cannot be more than 500 px.

I declare 650px height in the plugin as well as in the article, and no way to get a popup more than 500 px height

Please, how can I solve it?

Thanks in advance for your help

Joan

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#984061

Hi,

You can use this way to fix the problem on your site

Open templates/uber/less/windows.less file

find and change

.window-mainbody {
    padding: 20px;
  }

to

.window-mainbody {
    padding: 0px 4px 4px 10px;
  }

Hope it helps

Regards

[xuxo Friend xuxoJoin date: November 2013Posts: 105Downloads:13Uploads:12 Thanks: 24 Thanked: 1 times in 1 posts]

#984225

Hi Ninja Lead, this solution does’nt solve my problem. Probably you were answering the opening thread of this post, but Saguaros suggestion is ok, I changed the popup type to FancyBox in the plugin parameters and the paddin problems were solved.

Now the problem is related to the height of the popup. With Fancybox seems that the popup height cannot be more than 500 px. I declare 650px height in the plugin as well as in the article, and no way to get a popup more than 500 px height

Please, how can I solve it?

Thanks in advance for your help

Joan

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#984352

Hi,

Kindly have a look at the screenshot here: http://prntscr.com/d4h97y you can see it’s working as well with width: 450px and height: 650px setting

I changed the Inbound Marketing article with other width and height

{japopup type="iframe" content="index.php?option=com_rsform&formId=4&tmpl=component" width="500" height="700"}Start now!{/japopup}

but it doesn’t apply immediately on your site. Maybe it’s using the caching on your site. I applied that way at my end, you can see it’s working as well: http://prntscr.com/d4hdha

Regards

[Author]

Posts