3 replies [Last post]
norfolkguyuk
norfolkguyuk's picture
Offline
newbie
Last seen: 4 years 31 weeks ago
Timezone: GMT+1
Joined: 2013-01-26
Posts: 4
Points: 6

Hey Guys,

I've got a pop up box showing the cookie warning (for the EU laws).
I've got it in the corner of the screen and that's working fine but I want to centre it to the middle of the page.

<style>
#tpmask {
	background-color: #000000;
	z-index: 9999;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.6;
	height: 100%;
	width: 100%;
}
 
#boxes .window {
	right:20px;
	top:20px;
	border-radius: 5px;';
  	-moz-border-radius: 5px;';
  	-webkit-border-radius: 5px;';
	width:auto;
	height:auto;
	display:none;
	z-index:9999;
	padding:20px;
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}
 
#boxes #dialog {
	position: absolute;"; 
	width: auto;";
	margin: auto;";
	max-width: 800px; 
	height: auto;
	_width: 0;
	white-space: normal;
	overflow: visible;
	padding: 10px;
	font-family: 'Lucida Grande', Arial, 'Arial Unicode MS', Helvetica, sans-serif !important;
	color: #FFFFFF;
	font-size:13px !important;
}
 
#dialog a:link, a:visited, a:hover {
	color: #000000
}
 
*html #boxes .window {
	position: absolute;
}
 
#boxes .window .close {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url(<?php echo plugins_url('images/close.png',__FILE__ ); ?> );
	background-origin: padding-box;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: auto;
	height: 36px;
	right: -19px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: -19px;
	width: 36px; 
}
</style>

Any ideas how I can center it?

norfolkguyuk
norfolkguyuk's picture
Offline
newbie
Last seen: 4 years 31 weeks ago
Timezone: GMT+1
Joined: 2013-01-26
Posts: 4
Points: 6

dont worry about the extra ;

dont worry about the extra ; ' etc, its additional code....

rippled
rippled's picture
Offline
newbie
sydney
Last seen: 6 years 41 weeks ago
sydney
Timezone: GMT+11
Joined: 2013-01-27
Posts: 4
Points: 5

coulde you use % insted of px

coulde you use % insted of px to determine the postion?...just a thought...ie 40% would position a window that is 300px wide approx in the centre..so i am lead to believe

norfolkguyuk
norfolkguyuk's picture
Offline
newbie
Last seen: 4 years 31 weeks ago
Timezone: GMT+1
Joined: 2013-01-26
Posts: 4
Points: 6

The trouble is it doesnt show

The trouble is it doesnt show a pop up at all. I cant work out why it wont show up