[Share] Change some text in Manage Cookies Popup

A member asked me this and I can't find an option to change text, so I wrote these code, to change some text in Manage Cookies Popup.

If it doesn't work, you can send site url, I will check again.

Use code to Website Tools > Custom CSS box.

#1. Manage Cookies text

/* Manage Cookies */
.manage-cookies-overlay h3 {
    visibility: hidden;
}
.manage-cookies-overlay h3:before {
content: "New Title";
visibility: visible;
}

#2. Necessary

/* Necessary */
.category-selection:nth-child(2) h4 span {
    visibility: hidden;
}
.category-selection:nth-child(2) h4 span:before {
    visibility: visible;
    content: "New necessary text";
}
/* Always on */
.category-selection:nth-child(2) p {
    visibility: hidden;
}
.category-selection:nth-child(2) p:before {
    visibility: visible;
    content: "new always on text";
}
p.category-description[id*="r1"] {
    visibility: hidden;
}
p.category-description[id*="r1"]:before {
    visibility: visible;
    content: "new neccessary description text";
}

#3. Performance and analytics

/* Performance and analytics */
.category-selection:nth-child(5) h4 span {
    visibility: hidden;
}
.category-selection:nth-child(5) h4 span:before {
    visibility: visible;
    content: "New performance text";
}
p.category-description[id*="r2"] {
    visibility: hidden;
}
p.category-description[id*="r2"]:before {
    visibility: visible;
    content: "new performance description text";
}

#4. Advertising

/* Advertising */
.category-selection:nth-child(8) h4 span {
    visibility: hidden;
}
.category-selection:nth-child(8) h4 span:before {
    visibility: visible;
    content: "New advertising text";
}
p.category-description[id*="r3"] {
    visibility: hidden;
}
p.category-description[id*="r3"]:before {
    visibility: visible;
    content: "new advertising description text";
}

Hello, could I ask you how to change the texts – 2x "On" and the text of the "Save preferences" button? We have a website in another language and we cannot change these things. Thank you very much.

5 hours ago, Martines___24 said:

Hello, could I ask you how to change the texts – 2x "On" and the text of the "Save preferences" button? We have a website in another language and we cannot change these things. Thank you very much.

You can use this CSS code

/* On text */
.manage-cookies-overlay h4[id*="r2:-title"]+div>p {
    visibility: hidden;
}
.manage-cookies-overlay h4[id*="r2:-title"]+div>p:before {
    visibility: visible;
    content: "new on text";
}
.manage-cookies-overlay h4[id*="r3:-title"]+div>p {
    visibility: hidden;
}
.manage-cookies-overlay h4[id*="r3:-title"]+div>p:before {
    visibility: visible;
    content: "new on text text text 2";
}
/* button */
button.save span {
    font-size: 0;
}
button.save span:before {
    content: "new button text";
    font-size: 16px;
}

Thank you very much! 👍 You have helped me a lot.

Hello, I am just looking for this solution. I have applied the codes but the changes are not displayed. I am looking to increase the size of the titles and put them in capital letters, while the body text is reduced in size, as well as replacing the word "enabled" with ON. I am sharing a screenshot so that the mismatch can be seen in the mobile and desktop versions.

The site is: www.networkingec.com

Pasword: watf1

11 hours ago, Mariffer said:

Hello, I am just looking for this solution. I have applied the codes but the changes are not displayed. I am looking to increase the size of the titles and put them in capital letters, while the body text is reduced in size, as well as replacing the word "enabled" with ON. I am sharing a screenshot so that the mismatch can be seen in the mobile and desktop versions.

The site is: www.networkingec.com

Pasword: watf1

How to open Manage Cookies Popup on your site?

@Tuanfan   I have applied the codes but the changes are not displayed. I am looking to increase the size of the titles and put them in capital letters, while the body text is reduced in size, as well as replacing the word "enabled" with ON. I am sharing a screenshot so that the mismatch can be seen in the mobile and desktop versions.

19 hours ago, Mariffer said:

@Tuanfan   I have applied the codes but the changes are not displayed. I am looking to increase the size of the titles and put them in capital letters, while the body text is reduced in size, as well as replacing the word "enabled" with ON. I am sharing a screenshot so that the mismatch can be seen in the mobile and desktop versions.

How to open this cookies popup? 

@TuanfanI want the titles to increase in size and the body text to increase the line spacing a little.