Policy COOKIES

Hi @r3qlzz,

Custom Elements on your Cookie Policy
You can use the “Politique de Cookies (EU)” page, edit it with Gutenberg/Classic Editor, then add the desired elements to that page.

Not up to date notice in Dashboard
I expect that this happens because you have created a custom “Cookies” page, which is not currently synced with Complianz.

Navigate to Complianz > Wizard > General > Documents and set the Cookie Policy back to “Generated by Complianz”, and that should be fixed.

Kind regards,
Jarno

Yes its work !

The things is when you click to this pages via PAGES in french , you can’t go to edit with elementor , you have to go to the block gutenberg and HERE open with elementor…

First time its doesn’t work i just lose all the text.

I delete and create again the cookies page from Wizard and now test its OK.
We can edit more ? like Title 1 / 2 / 3 and other things inside ?

Navigate to Complianz > Wizard > General > Documents and set the Cookie Policy back to “Generated by Complianz”, and that should be fixed.

Yes its fixed it.

Thank you nice day ??

We can edit more ? like Title 1 / 2 / 3 and other things inside ?

Because i want to custom better this Pages.
Just like titles and fonts.

Hi @r3qlzz,

The CSS classes for the Complianz Documents can be found here, under Documents: https://complianz.io/css-classes-overview/

For example, the below can be used to change the font-size of titles in Complianz Documents:

#cmplz-document h2 {
font-size: 26px;
}

Kind regards,
Jarno

Hello ??

Good good I did some but i can’t do what i want ..

#cmplz-document h2 {
    font-size: 33px;
    font-family: 'Arizonia';
    font-weight: bold;
    color:#B63355;
}

#cmplz-document, #cmplz-document p, #cmplz-document span, #cmplz-document li {
    font-family: 'Handlee';
    font-size: 20px;
}
#cmplz-cookies-overview .cmplz-service-desc {
    font-family: 'Handlee';
    font-size: 20px;
    background: #F8F9FA;
}

my link cookies

=> I would edit 5.1 5.2 but i don’t know what

=> 6 on Cookies for googlemap i want Background White like my page
=> 7.1 Always active is GREEN and SMALL i want to edit it …

Finnally for finish i want Margin for going more rightside , like all center…

Thank you ??

Hi @r3qlzz,

To have the document text use the entire width of the page, you can add this CSS to remove the current max-width:

#cmplz-document { 
max-width: unset; 
}

Set Background color of Cookie overview to the color of your page (#F8F9FA):

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, #cmplz-document .cmplz-dropdown .cookies-per-purpose div {
    background-color: #F8F9FA;
}

To target the subtitles (such as 5.1/5.2):

#cmplz-document .cmplz-subtitle {

}

To target “Always active” (7.1):

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {

}

Hope it helps!
Kind regards,
Jarno

Hello again ,

Thanks for answer like everytime… ??

I did some changes but Take a look here

In 6. Cookies placés & 7.1 Gérez vos réglages de consentement

You can see strange background.
My background for all the pages is background-color: #F8F9FA;
But when i try your last tip , its doesnt work very well .

.cmplz-soft-cookiewall {
background-color: rgba(0, 0, 0, 0.62);
}
.cmplz-cookiebanner .cmplz-header {
    display: flex;
    justify-content: center;
}
.cmplz-cookiebanner .cmplz-body {
     justify-content: center;
     grid-column: span 3;
     font-family: 'Handlee';
}
.cmplz-cookiebanner .cmplz-buttons {
    grid-row-start: revert;
    grid-column-start: 1;
    margin:auto;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-size:20px;
    font-family: 'Handlee';
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background-color: #007976;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
    background-color: #007976;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
    background-color: #007976;
    color: #fff;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
    background-color: #007976;
    color: #fff;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
    background-color: #B63355;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
    background-color: #B63355;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover {
background-color: #B63355;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
background-color: #B63355;
}
.cmplz-cookiebanner {
    grid-template-columns: 1fr;
}
.cmplz-cookiebanner .cmplz-message {
    text-align: center;
}
.cmplz-cookiebanner.cmplz-categories-type-view-preferences.cmplz-categories-visible .cmplz-buttons, 
.cmplz-cookiebanner.cmplz-categories-type-no.cmplz-categories-visible .cmplz-buttons {
    flex-direction: initial;
}
.cmplz-cookiebanner .cmplz-logo img {
    max-height: 200px;
    width: inherit;
    justify-content:center;
}
.cmplz-cookiebanner {
margin: 0px;
border-radius: 0px;
width: 100%;
}
.cmplz-cookiebanner .cmplz-title {
    font-size:60px;
    font-family: 'Arizonia';
    font-weight: bold;
    color:#B63355;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background: white;
  border-bottom: 2px solid #B63355;
  margin-left: -10px;
  font-size:20px;
}

#cmplz-document { 
max-width: unset; 
}

#cmplz-document h2 {
    font-size: 33px;
    font-family: 'Courgette';
    font-weight: bold;
    color:#007976;
}
#cmplz-document .cmplz-subtitle {
font-size: 33px;
    font-family: 'Courgette';
    font-weight: bold;
    color:#B63355;
}

#cmplz-document, #cmplz-document p, #cmplz-document span, #cmplz-document li {
    font-family: 'Handlee';
    font-size: 20px;
}
#cmplz-cookies-overview .cmplz-service-desc {
    font-family: 'Handlee';
    font-size: 20px;
    background: #F8F9FA;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    font-family: 'Handlee';
    font-size: 20px;
    color: #000000;
}

@media only screen and (max-width: 768px) {
    .cmplz-cookiebanner .cmplz-logo img {
    max-height: 100px;
     width: inherit;
    justify-content:center;
}
.cmplz-cookiebanner {
margin: 0px;
border-radius: 0px;
width: 100%;
}
.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row;
}
#cmplz-manage-consent .cmplz-manage-consent {
    display: unset;
    bottom: -5px!important;
}
.cmplz-cookiebanner .cmplz-body {
    padding: 0 5% 100% 0;
}
}

Thanks good night

Can you take a look of my code ?
I do a lot of code so can you read all of this ?
Maybe i did something wrong like one order about something and after 50 line i call a code who overwrite something …

Hi @r3qlzz,

I’m afraid I don’t quite understand your question, perhaps you could attach a screenshot of what you are referring to?

Kind regards,
Jarno

Hello ,

On this screenshot you can see my problem .
You have to zoom a litte …

cookies1
cookies2

Can you take a look of my code ?
I do a lot of code so can you read all of this ?
Maybe i did something wrong like one order about something and after 50 line i call a code who overwrite something …

Here i try to say if you can read my code ?
Maybe i say something two times for the same things …

Thank you.

Hi @r3qlzz,

If you indicate/specify exactly what you would like to change and how it should look like, I will gladly provide you with CSS to do exactly that.

But I can’t really test and say how the entire list of CSS rules you attached affect each other.

Kind regards,
Jarno