CSS for Different Languages @ Complianz

  • Resolved ptrkx

    (@ptrkx)


    2 years, 3 months ago

    hello all,

    i have placed the button to manage privacy settings vertically. Now it is so that the settings for the button are correct in German. However not in English. In English the button .cc-revoke is almost not visible.

    CSS:
    .cc-revoke {
    transform:none!important;
    display:block;
    right:unset!important;
    left:-71px!important;
    bottom: 20%!important;
    transform: rotate(90deg)!important;
    }

    In English must be changed:
    left:-51px!important;

    Now the question:
    Is there a css option which can change the spacing to 51px in English?

    Screenshots:
    German: https://ibb.co/y6KJwPV
    English: https://ibb.co/HYMn3FS

    Thanks for the help

    Best regards

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

    (@jarnovos)

    2 years, 3 months ago

    Hi @ptrkx,

    Because Complianz is not a translation plugin on its own, it doesn’t add language-specific body classes. This will be handled by your multilanguage/translation plugin.

    If you provide the URL to your website, I can have a look at whether your translation plugin inserts any language-specific body classes we can utilize to only apply CSS to this specific language version.

    Kind regards,
    Jarno

    Thread Starter ptrkx

    (@ptrkx)

    2 years, 3 months ago

    Hey Jarno, thanks for your reply

    https://new.sycotec.eu/

    If you change the language, you will see my problem with the manage consent button.
    Maybe you have an workaround for this.

    Thanks
    Best regards

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    2 years, 3 months ago

    Hi @ptrkx,

    There’s no specific body class CSS in the same region. However, there’s a solution that comes with an added bonus!

    If you set the .cc-revoke to width:180px; and set it to -70 instead of -71, all should work.

    The added bonus is that the letters on your banner are sharper than before, which is noticeable on Chrome. This is because Chrome can’t handle the transform property on uneven pixel widths. That’s why our banners can’t be uneven in width and using 180px will make a difference.

    regards Aert

    PS: If you want the banner to be proportionate to the words, you could change it to Manage your Consent for the English translation with the same result, although the German words are noticeably less sharp.

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    2 years, 3 months ago

    Hi @ptrkx,

    For what it’s worth,

    If you choose to upgrade to 6.0, this should me changed to the class;

    .cmplz-manage-consent {}, instead of .cc-revoke.

    regards Aert

    Thread Starter ptrkx

    (@ptrkx)

    2 years, 3 months ago

    Hi Aert. Your Solution works perfect 🙂

    Thank You for the help 🙂

    Best regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS for Different Languages @ Complianz’ is closed to new replies.