• Resolved hebhansen

    (@hebhansen)


    Hi Complianz

    It appears that styling of other policy docs adhere to theme, while cookie policy does not. Content width is odd, font sizes, weight, margin and padding is off…. So rather than everyone needs to uncode your code, maybe just fix this in your end once and for all. Here are my findings and fixes to uncode Complianz Cookie Policy:

    /****************************************************************/
    /************** Complianz - Policies and Cookies ****************/
    /****************************************************************/

    /******** Cookie Policy - Content ********/
    #cmplz-document,
    .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: var(--wp--style--global--content-size);
    }

    /******** Cookie Policy - Headings ********/
    #cmplz-document h2,
    #cmplz-document h3,
    .editor-styles-wrapper .cmplz-unlinked-mode h2,
    .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    font-size: var(--wp--preset--font-size--x-large);
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: none;
    line-height: 1.5;
    }

    /******** Cookie Policy - Sub-headings ********/
    #cmplz-document .cmplz-subtitle,
    .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
    font-weight: 300;
    margin-top: 1rem;
    margin-bottom: 1rem;
    }

    /******** Cookie Policy - Paragraphs, Tables and Lists ********/
    #cmplz-document p,
    #cmplz-document li,
    #cmplz-document td,
    .editor-styles-wrapper .cmplz-unlinked-mode p,
    .editor-styles-wrapper .cmplz-unlinked-mode li,
    .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: var(--wp--preset--font-size--large);
    margin-top: none;
    margin-bottom: 1rem;
    }

    Please understand: do not change/add this code, but simply remove all of these css hooks and my guess is the Cookie Policy will adhere just fine. In general I will encourage all theme developers to hook into the WordPress default variables, rather than creating your own, since your plugin will detach from the theme … any theme itself.

    This small effort on your side, will make life so much easier for everyone using Complianz. You may see the code in action in the link.

    Thx

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Antonio Candela

    (@antoiub)

    Hello @hebhansen ,

    Thank you for your inquiry.
    I’ve created a task internally and will let you know as soon as we have any updates.

    Best regards,
    Antonio

    Plugin Support Antonio Candela

    (@antoiub)

    Hello @hebhansen ,

    Thank you for you patience and feedback.
    In your case, you can simply disable our default styling via Tools > Documents > “Use document CSS by Complianz” to let your theme handle everything.

    I hope this helps!

    Best regards,
    Antonio

    Thread Starter hebhansen

    (@hebhansen)

    Turning off complianz css, messes up tables, removes the down arrow next to cookies etc. so that in itself is not a fix.

    Again, the cookie doc is detached from other complianz docs off the bat, so a review may be a good idea to adopt theme style without destructive changes.

    • This reply was modified 1 year ago by hebhansen.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Cookie Policy css code on vs code off’ is closed to new replies.