x

Adding link into the cookie notification

Hello,

I'm working on a website right now and I would like to know if it's possible to add a working link into the cookie notification.

Greetings, Boite

2,922 Views
Message 1 of 7
Report
1 Best Answer

Best Answer

Hey, iv'e done some searching you could add your own custom alert box and insert a link there..

You could add this to the home page's footer or header! Hopefully this helps you out.

<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>

By using this site you consent to the use of cookies. Cookies can be managed in your browser or device settings. Thanks for understanding.

</div>

<style type="text/css">
/* The alert message box */
.alert {
padding: 20px;
background-color: #f44336; /* Red */
color: white;
margin-bottom: 15px;
}

/* The close button */
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
color: black;
}
</style>

View Best Answer >

2,892 Views
Message 7 of 7
Report
6 REPLIES 6
Square

I'm not sure if that would work or not, @BOITE. Have you tried adding HTML for a link to the text, or were you looking to make a link like you would with the text editing toolbar?

2,905 Views
Message 3 of 7
Report

Best Answer

Hey, iv'e done some searching you could add your own custom alert box and insert a link there..

You could add this to the home page's footer or header! Hopefully this helps you out.

<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>

By using this site you consent to the use of cookies. Cookies can be managed in your browser or device settings. Thanks for understanding.

</div>

<style type="text/css">
/* The alert message box */
.alert {
padding: 20px;
background-color: #f44336; /* Red */
color: white;
margin-bottom: 15px;
}

/* The close button */
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
color: black;
}
</style>

2,893 Views
Message 7 of 7
Report

Thank you very much @Cxnnor!

You helped me a lot with this code! It sould had take you a lot of time coding this. It's really appreciated.

Thanks!

2,882 Views
Message 7 of 7
Report

Hi there, and thanks for the code! Works great.

But... The notification comes up on all pages. Is it possible to code this so it just appears once in a session?

Best regards

Rolf M-K

2,714 Views
Message 7 of 7
Report

i put the code above directly into an embeded code element,   changed the back ground colour...   clicks off ok   works a treat...   just added it to the homepage...  but reappears  on each visit to the homepage but   its better than weeblys own....

Smiley Happy)

1,955 Views
Message 7 of 7
Report


Hello.

BOITE! Your English is not bad. It's really good. Don't be sorry you know. 

 

Greetings, RainyBenie

Feb 10th, 2020

From Weebly Community

1,562 Views
Message 8 of 7
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.