Custom CSS Complianz Disclaimer

  • Resolved may

    (@mcp2019)


    2 years, 8 months ago

    Hi,

    I’ve been having trouble with changing the fonts of the Complianz Privacy Suite (GDPR/CCPA) documents.

    Firstly, changing the font using the id #cmplz-document.disclaimer doesn’t work.
    What is the selector I should use?

    I’ve also tried to add a custom id to the shortcode [cmplz-document type=”disclaimer” region=”all”] in Elementor Pro. But using this custom id in my CSS doesn’t work either.

    Secondly, changing the font of the documents cookie policy and Impressum works, but just not for the specific font I use on my website, which is Quattrocento Sans.

    I use the WordPress’ Additional CSS section to add the CSS.

    I’ve also tried the Complianz plugin’s Advanced Features section for custom CSS without succes.

    Tips on how to solve this issue are welcome.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor jarnovos

    (@jarnovos)

    Hi @mcp2019,

    The CSS attached below should work to set the Disclaimer document to use the Quattrocento Sans font. You can apply it under Appearance > Customize > Additional CSS.

    As the font concerns a Google Font, it should also be imported before it can be used (which in your case had likely already been done, though).

    @import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans&display=swap');

.cmplz-document.disclaimer p {
font-family: 'Quattrocento Sans', sans-serif;
}

    Example screenshot: https://i.snipboard.io/UxJ6FK.jpg

    Kind regards,
    Jarno

    Thread Starter may

    (@mcp2019)

    Hi @jarnovos,

    Thanks for your reply.

    I’ve tried the CSS, but unfortunately it doesn’t pick up.

    For the purpose of ruling any conflicting CSS out, I temporarily removed all the other CSS in the Additional CSS tab to test this out.

    See screenshot: https://freeimage.host/i/jxUkMb

    About the import of the font, is it sufficient to add the CSS @import… or do I have to download it from the google fonts website as well?

    I use the Elementor Editor to choose fonts so I haven’t imported any fonts yet.

    Am I missing something here?

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @mcp2019,

    The @import statement should be sufficient to ‘load’ the Google Font. If you provide an URL to your Disclaimer page, I can test the CSS directly in my browser and check why this might not be getting applied in your case.

    Kind regards,
    Jarno

    Thread Starter may

    (@mcp2019)

    Hi @jarnovos,

    Wow, you are fast ??

    Yes please, this is the URL to the staging site:

    https://red-shake.localsite.io/disclaimer

    Could I send the temporary login details to your email? I’m not comfortable sharing these here.

    I use Local by Flywheel, I don’t know if there is a way to share the website without credentials…

    Plugin Author Aert Hulsebos

    (@aahulsebos)

    Hi @mcp2019,

    We will have a look.

    Please don’t share, or offer any personal information, like credentials on this forum (or by email).

    regards Aert

    Plugin Contributor jarnovos

    (@jarnovos)

    Hi @mcp2019 and community,

    This has been resolved by inserting the missing opening quote (‘) in the @import statement.

    Kind regards,
    Jarno

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS Complianz Disclaimer’ is closed to new replies.