• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: How to override RSForm Pro Modal Plugin style.css

How to override RSForm Pro Modal Plugin style.css 1 year 3 months ago #42442

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
Hi,

As the title describes I'd like to override RSForm Pro Modal Plugin style.css.

Does anybody know how to do that.

Thanks in advance.
Last Edit: 1 year 3 months ago by gunerguk.
The administrator has disabled public write access.

How to override RSForm Pro Modal Plugin style.css 1 year 3 months ago #42454

  • dragos
  • dragos's Avatar
  • NOW ONLINE
  • Administrator
  • Posts: 559
  • Thank you received: 102
Hello,

You can take a look at this topic.
The administrator has disabled public write access.

How to override RSForm Pro Modal Plugin style.css 1 year 3 months ago #42456

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
Hi dragos,

Thank you for your response.

I already tried this. No luck. I even used a third party module for inline style, I also tried forms own css part which loads the style inline. The modal container loads very narrow on mobile. I want to make its width larger. None of the css solutions overrides this.

Here is the css code I want to override the one from the plugin.
.rsfpmodal-container.rsfpopen.rsfpopened-updown .rsfpmodal {
	top: -108%;
}
 
.rsfpmodal-container.rsfpopen .rsfpmodal {
	max-width: 96%;
}
Last Edit: 1 year 3 months ago by gunerguk.
The administrator has disabled public write access.

How to override RSForm Pro Modal Plugin style.css 1 year 3 months ago #42459

  • dragos
  • dragos's Avatar
  • NOW ONLINE
  • Administrator
  • Posts: 559
  • Thank you received: 102
Hello,

If this is publicly accessible, can you please provide a direct URL? If not, please submit a support ticket.
The administrator has disabled public write access.

How to override RSForm Pro Modal Plugin style.css 1 year 3 months ago #42460

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
Sure. Thank you. Here's an example page. For desktop click the button on the right, for mobile at the bottom of the content that says "İletişim".

No result whatever solution you use, except modifying the original CSS of the plugin.

mesnevi.fahte.com/mesnevi/ilk-18-beyit
The administrator has disabled public write access.

How to override RSForm Pro Modal Plugin style.css 1 year 3 months ago #42461

  • dragos
  • dragos's Avatar
  • NOW ONLINE
  • Administrator
  • Posts: 559
  • Thank you received: 102
Hello,

I've taken a look at your URL and from what I can see, the modal form is displayed properly on both desktop and mobile devices, see below:

nimb.ws/Y1Qk2I
nimb.ws/aiGjJ6
The administrator has disabled public write access.

How to override RSForm Pro Modal Plugin style.css 1 year 3 months ago #42462

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
Yes, thank you. On desktop there's no problem. But I want it to appear wider on mobile. It doesn't respond to any override except the original CSS of the plugin.
The administrator has disabled public write access.

How to override RSForm Pro Modal Plugin style.css 1 year 3 months ago #42464

  • gunerguk
  • gunerguk's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 29
  • Thank you received: 3
Hello dragos,

Thank you for your patience and kind help.

I managed it to become wider on mobile by adding an !important rule to the CSS.
.rsfpmodal-container.rsfpopen.rsfpopened-updown .rsfpmodal {
	top: -108% !important;
}
 
.rsfpmodal-container.rsfpopen .rsfpmodal {
	width: 90vw !important;
}
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!