Willkommen, Gast
Angemeldet bleiben:

THEMA:

How do I add a custom css file that BreezingForms reads AFTER its own css? 1 Monat 2 Tage her #248387

  • Autor
  • Gillian
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Beiträge: 93
  • Karma: 2
  • Dank erhalten: 0
Sometimes adding css to my template's css file to overwrite BreezingForms css works, e.g.
#bfSubmitButton {
 float: left; /*right;*/
}

But when I try to add this code:
.bfElementGroupNoWrap input[type="radio"] {
    vertical-align: middle; /*top*/
}
it is ignored.

I searched your forums and found an old topic which suggested adding this code to the custom 'Before' form of the Form Pieces
$this->execPieceByName('ff_InitLib');
$this->execPieceByName('ff_addCustomCSSFile');

ff_addCustomCSSFile('/components/com_breezingforms/breezingforms_custom.css');

CSS in this file is rendered ONLY if it is new code and not replacing existing bf code. On looking at the page with the browser's inspector, I can see that the reason is that the custom.css is rendered first and the BreezingForms css is rendered afterwards, so it will always overwrite the custom.css

How can I get Breezing Forms to read my custom css AFTER the BreezingForms css?

However, I would much rather be able to add this script so that BreezingForms reads a custom css that I can edit from within Joomla, e.g. like this:
$this->execPieceByName('ff_InitLib');
$this->execPieceByName('ff_addCustomCSSFile');

ff_addCustomCSSFile('../templates/my_template/css/bfcustom.css');

Thank you.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

How do I add a custom css file that BreezingForms reads AFTER its own css? 1 Monat 2 Tage her #248391

  • tihana.krivics Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Beiträge: 1635
  • Karma: 3
  • Dank erhalten: 149
Hi,

if you want style certain parts of the form with CSS, you can write CSS if you go to your form->Advanced->More options->Form pieces->Before form and check custom, and here you can put it like this:
echo '
<style>
//your css here
</style>
';

Regards,
Tihana

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Letzte Änderung: Post by tihana.krivic.

How do I add a custom css file that BreezingForms reads AFTER its own css? 1 Monat 2 Tage her #248394

  • Autor
  • Gillian
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Beiträge: 93
  • Karma: 2
  • Dank erhalten: 0
Thank you! That's perfect. :-D

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Seite:
  • 1
Moderatoren: ForumSupport
Ladezeit der Seite: 0.050 Sekunden

Angebot

Sommer Special! Alle Mitgliedschaften zum Sonderpreis!

Prio Support, alle Extensions und alle Templates in einem Paket.

Hier geht's zur Bestellung

Crosstec hilft sparen!

Falls Sie neu bei Crosstec sind aber bereits einen Formulargenerator bei einem anderen Hersteller gekauft haben, dann bekommen sie von uns einen Rabatt von 25% auf unsere 1-Jahres und Pro-Mitgliedschaften

Wie Sie an den Rabatt kommen?

Schreiben Sie uns einfach eine kurze Email mit beigelegten Kaufbeleg (z.B. PayPal Quittung) an sales@crosstec.org.

Wir unterstützen die Joomla Community

Crosstec unterstützt weltweit alle offiziellen Joomla! User Groups und Organisatoren von Joomla! Days die bei Joomla.org registriert sind.

Falls das auf dich zutrifft und du eines unserer Produkte brauchst, schreib uns eine kurze Email an info@crosstec.org und du bekommst eine Flatrate-Mitgliedschaft geschenkt!