r3qlzz

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 …

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 ??

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.

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 ??

Edit : NEW CODE i hope we can share this to people want a banner already OK ??

.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;
}
.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;
}

Now for completly finish the cookies banner , we have to do it responsive for everyone.

Somethings wrong with this code ,

@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;
}
}

1) Because when we go to view preferences its not the same responsive design…
2) When we scroll in the text , its scroll to the website behind.
3) If i don’t put 100% in padding i don’t see all the text ( just miss one line )

What do you think with your phone ?
test with your phone

HIiiiiiiiiiiiiiiiiiiiiiii

All finished now !

You can try my website here for cookies banner.
my web site

.cmplz-soft-cookiewall {
background-color: rgba(0, 0, 0, 0.62);
}
.cmplz-cookiebanner .cmplz-header {
    display: flex;
    justify-content: center;
}
.cmplz-cookiebanner .cmplz-body {
    grid-column: span 3;
    justify-content: center;
    }
.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-view-preferences {
    color: #fff;
}
.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;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {background-color: #007976;
}
.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;
}

@media only screen and (min-width: 768px) {
.cmplz-cookiebanner .cmplz-logo img {
    max-height: 150px;
    width: inherit;
}
.cmplz-cookiebanner {
margin: 0px;
border-radius: 0px;
width: 100%;
}
.cmplz-cookiebanner .cmplz-title {
font-size:22px;
}
.cmplz-cookiebanner .cmplz-body {
    padding: 0 30% 0 30%;
}
}

Be careful about your translate in french , because you said : “Afficher en tant que modale de cookies allégée” Its meaning , show a very small cookies but its very not this.

“Afficher une superposition d’arrière plan” will be better

Thank you a lot ??
@aahulsebos @jarnovos glad to your help everyday. ??

HI again ,

Just finish to work & dentist lol :////

I did noscroll.php , i add him via ftp to xxxx/wp-content/mu-plugins/ ( chmod 644 )

When i go to my website , not have a scroll locked when banner cookies appear .

Hello @jarnovos how are you ?

Lesson 4
settings

I don’t see your settings in french language
There is no settings like this “Show as soft Cookie Wall”? in french.

For No scroll
ok i will try to do it with mu plugins

For the lesson 1
I try to custom my buttons , with Colours, and HOVER colours but i don’t find the way .

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-size:30px;
    font-family: 'Handlee';
}

This not applied to third button ( preferences )

Thank you

For the lesson 4 i just add

.cmplz-soft-cookiewall {
background-color: rgba(0, 0, 0, 0.62);
}

On my code but did nothing … I will try with https://www.hexcolortool.com/ but nope …

In lesson 22 i try blur effect but don’t work.
I want to block scroll like your lesson , but here , yes i understand nothing lol.
Maybe now with update there is a easiest way ?

My code :

.cmplz-soft-cookiewall {
background-color: rgba(0, 0, 0, 0.62);
}
.cmplz-cookiebanner .cmplz-header {
    display: flex;
    justify-content: center;
}
.cmplz-cookiebanner .cmplz-body {
    grid-column: span 3;
    justify-content: center;
    }
.cmplz-cookiebanner .cmplz-buttons {
    grid-row-start: revert;
    grid-column-start: 1;
    margin:auto;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    font-size:30px;
    font-family: 'Handlee';
}
.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;
}

@media only screen and (min-width: 768px) {
.cmplz-cookiebanner .cmplz-logo img {
    max-height: 150px;
    width: inherit;
}
.cmplz-cookiebanner {
margin: 0px;
width: 100%;
}
.cmplz-cookiebanner .cmplz-title {
font-size:22px;
}
.cmplz-cookiebanner .cmplz-body {
    padding: 0 30% 0 30%;
}
}

https://organizalpha.com/particulier
my website ??

Cya @aahulsebos have a nice day.

• This reply was modified 3 years ago by r3qlzz.

Hello , Yes its work with this margin and width , the cookies banner is full witdh !
Its very more beautiful than something like 0,4 cm i got before on desktop screen.

I don’t know if its was mine settings or the default setting but i guess its better to have full width on desktop.

Thank you for your help , i have a suggestion for you , why we don’t open a topic with our finnally settings , like we can share with each other ?

Thank you again ?? We can close the topics and i did another one for custom settings , you write me there so i will reply to you there.

Thank you Complianz team ??

Hi @aahulsebos

I guess its not this , playing margin or padding like this

@media (min-width: 1024px) {
.cmplz-cookiebanner
{
margin:1%;
}
}

Doesn’t work well i mean its just moving the banner to left or other way .
Im trying to extend the banner for get a fullscreen on the wide.

Thank you ??

Hello ,
I try it and its better with this code for tittle and logo image .
I did 0 30% 0 30% for padding.

I add justify-content: center; to .cmplz-cookiebanner .cmplz-body

In fact with this code `.cmplz-cookiebanner .cmplz-header {
display: flex;
justify-content: center;
}
.cmplz-cookiebanner .cmplz-body {
grid-column: span 3;
justify-content: center;

}
.cmplz-cookiebanner .cmplz-buttons {
grid-row-start: revert;
grid-column-start: 1;
margin: auto;
}

.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;
}

@media only screen and (min-width: 768px) {
.cmplz-cookiebanner .cmplz-logo img {
max-height: 150px;
width: inherit;
}
.cmplz-cookiebanner .cmplz-title {
font-size:22px;
}
.cmplz-cookiebanner .cmplz-body {
padding: 0 30% 0 30%;
}
}

The fact is the cookies banner don’t take all the screen from wide.
Is not like fullscreen you have a little empty in left right up down.
Padding is just for the body.
Play with border don’t add more largest on cookies banner.
Maybe we have to play with shadow white for add more largest on the cookies banner …
I don’t know

• This reply was modified 3 years ago by r3qlzz.

Edit : I delete the X on cookies title.
Ty

Hello ,

Here you get my cookies if you want to try with my website is : https://organizalpha.com/particulier/ .

Like you can see here My Logo is small and my titles too.
We got empty space between cookies banner , at left right up and down . like 0.3 centimeters…

I will try to find for disable the X on cookies title.

Here the cookies i want to have : truffaut cookies

Here you can see the cookies banner is more BIG with LOGO & tittle or maybe its just a image logo + tittle …
The text is very in center of the cookies banner and 3 buttons is good .

Thank you ??

@jarnovos @aahulsebos

Hello !
Can you comeback to me please ?
Your lesson for elementor is ready ?

Can you try to finish my cookies banner about truffaut ? previsouly comment i give you the image link.

We was very close !

Thank you and have a nice week-end.