'Create CTA in Gutenberg with Oxygen builder
I have a problem : on my website http://comportementaliste-du-chat.fr/, I want to create CTA's in my posts with Gutenberg. I found a great plugin to do that, but the thing is the design is good in the back office, but in the front office the default CSS overrides (the "!important" breaks my block in gutenberg so I can't use it) the gutenberg style. See example here https://comportementaliste-du-chat.fr/blog/15-plantes-toxiques-pour-votre-chat-avec-photos/
If someone could help me, it would be great :) thanks a lot !!
Front office result // Back office result
<div class="wp-block-media-text__content">
<h2 class="has-text-color" id="et-si-on-prenait-un-moment-pour-discuter-de-ce-qui-vous-tracasse" style="color:#ffffff">Et si on prenait un moment pour discuter de ce qui vous tracasse ?</h2>
<p class="has-text-color" style="color:#d7d7d7">Si vous êtes en train de lire cet article, c'est que <strong>quelque chose vous chiffonne, ou vous intrigue</strong>. Savez-vous que les consultations sont là pour <strong>résoudre un problème, mais aussi le prévenir</strong> ? Je peux vous aider à anticiper un événement ou à <strong>solutionner un comportement indésirable</strong>. Alors n'hésitez-pas, <strong>venez m'en parler !</strong></p>
<div class="wp-container-1 wp-block-buttons">
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-text-color has-background" style="background-color:#54bcfb">Discutons ensemble !</a></div>
</div>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|