• Resolved hirilo

    (@hirilo)


    Hello everyone,

    I’m sorry but i need help with something weird :
    I personnalized my Complianz Banner with custom HTML message (a very simple table) and custom CSS.
    BUT, when i preview my banner on my homepage, there is unexpected <br> that makes it very ugly !

    Can someone help me with this please ?

    Thanks by advance ! ( And pardon my english, i’m french ?? )
    Have a great day !

    The banner
    The page’s inspector

    My HTML :

    <table>
    
    <tr>
    <td><img class="cookieimg" src="https://www.cicadom.fr/wp-content/uploads/2022/11/cookies-cicadom.jpg" width="450" height="auto" /></td>
    <td>Avec votre accord, nous aimerions utiliser des cookies. Certains sont strictement nécessaires au bon fonctionnement du site et d'autres sont utilisés pour améliorer votre expérience utilisateur et mesurer l’audience.</td>
    </tr>
    
    </table>

    MY CSS :

    /* Container */
    .cmplz-cookiebanner{
       
    }
    
    /* Logo */
    .cmplz-cookiebanner .cmplz-logo{}
    /* Title */
    .cmplz-cookiebanner .cmplz-title{
        font: 600 17px 'Baloo Tamma 2', cursive;
    }
    /* Close icon */
    .cmplz-cookiebanner .cmplz-close{}
    
    /* Message */
    .cmplz-cookiebanner .cmplz-message{}
    
     /* All buttons */
    .cmplz-buttons .cmplz-btn{
      
    }
    /* Accept button */
    .cmplz-btn .cmplz-accept{
     
    } 
     /* Deny button */
    .cmplz-btn .cmplz-deny{}
     /* Save preferences button */
    .cmplz-btn .cmplz-deny{}
     /* View preferences button */
    .cmplz-btn .cmplz-deny{}
    
     /* Document hyperlinks */
    .cmplz-links .cmplz-documents{
    
    }
    
     /* Categories */
    .cmplz-cookiebanner .cmplz-category{}
    .cmplz-cookiebanner .cmplz-category-title{} 
    
    /* Manage consent tab */
    #cmplz-manage-consent .cmplz-manage-consent{} 
    
    /* Soft cookie wall */
    .cmplz-soft-cookiewall{}
    
    /* Placeholder button - Per category */
    .cmplz-blocked-content-container .cmplz-blocked-content-notice{}
    
    /* Placeholder button & message - Per service */
    .cmplz-blocked-content-container .cmplz-blocked-content-notice,
    .cmplz-blocked-content-notice{}
    button.cmplz-accept-service{}
    
    /* Styles for the AMP notice */
    #cmplz-consent-ui, #cmplz-post-consent-ui {}
    /* Message */
    #cmplz-consent-ui .cmplz-consent-message {}
    /* Buttons */
    #cmplz-consent-ui button, #cmplz-post-consent-ui button {}
    
    /* From Stacked to Inline */
    
    @media (max-width: 768px) {
    .cmplz-cookiebanner .cmplz-buttons {
        flex-direction: row;
    }
    }
    
    .cmplz-message table td {
        background-color:transparent !important;
        border-color:transparent !important;
        font-size:15px;
        font-family: 'Baloo Tamma 2',cursive;
        padding: 0 0 0 0;
        vertical-align: middle;
    }
    
    

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

  • The topic ‘Auto html custom message’ is closed to new replies.