• 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: modal and css

modal and css 12 years 1 month ago #22691

  • tony32
  • tony32's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 11
Hi,
I am using the code in your samples top popup several forms as modal windows but they lose all the templates styling, fonts, colours etc. How can I get the modal to pick up the sites css. The site is loadinf specific google fonts that ned to sho.

Thanks


Tony
The administrator has disabled public write access.

modal and css 12 years 1 month ago #22745

I am looking for the answer to exactly the same question, I have used the additional CSS box in the form properties but cannot get the fonts to match those on teh sites template.

Any body any ideas on this yet?

Do I need to add an additional CSS line calling for the font family I use on the template?

Many thanks
The administrator has disabled public write access.

modal and css 12 years 1 month ago #22746

  • adrianp
  • adrianp's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 631
  • Thank you received: 146
Hello,

The styling is lost as the modal does not inherit any CSS definitions from the template.

CSS styling will have to be done from the specialized CSS area of your form(backend > Components > RSForm!Pro > Manage Forms >your form > Properties > CSS and JavaScript > CSS).

@william - being a custom font form your template, then yes.
This is not official customer support. To receive your support, submit a support ticket here.
The administrator has disabled public write access.

modal and css 12 years 1 month ago #22821

  • tony32
  • tony32's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 11
ok I understand that it has to be added into that section however that section states you need to use style tags. to get the google fonts loaded you normally use

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic" type="text/css" />

will this work if so great I can just load all my style sheets, if not how can you do it or do I have to stop using modals.

Tony
The administrator has disabled public write access.

modal and css 12 years 1 month ago #22911

  • tony32
  • tony32's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 11
hi, any answer on this?
The administrator has disabled public write access.

modal and css 12 years 1 month ago #22913

  • mo7
  • mo7's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Just link the css files within the custom css section, instead of using <style> just add <link>'s - copy and paste from your existing head section if you need to.
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!