[ad_1]
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]