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,969 Views
Message 1 of 7
Report Inappropriate Content
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,939 Views
Message 7 of 7
Report Inappropriate Content
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,952 Views
Message 3 of 7
Report Inappropriate Content

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,940 Views
Message 7 of 7
Report Inappropriate Content

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,929 Views
Message 7 of 7
Report Inappropriate Content

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,761 Views
Message 7 of 7
Report Inappropriate Content

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)

2,002 Views
Message 7 of 7
Report Inappropriate Content


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,609 Views
Message 8 of 7
Report Inappropriate Content
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.