stevepb

Forum Replies Created

Viewing 15 replies - 16 through 30 (of 30 total)
  • Thread Starter stevepb

    (@stevepb)

    Hi,
    Yes I’m still having the issue. This problem affects on page images.

    I cannot upgrade to the recent release version (0.9.6.2) as it completely crashes out my site (blank white page) when upgrading, so I had to roll back to version: 0.9.6.1.

    I notice if a thin image, i.e. an image with small height but wide is used this problem occurs. If the image is over a certain dimension height x width ratio (more of a square or higher than is it wide) then the problem does not occur.

    Thanks

    • This reply was modified 7 years, 5 months ago by stevepb.
    Thread Starter stevepb

    (@stevepb)

    Hi Marqas,

    That’s great, I hope to see more options which will allow better configuration of Google Tag Manager / Analytics.

    Thanks so much for starting the Git issue.

    Thread Starter stevepb

    (@stevepb)

    Hi,

    Thanks, but turning meta off doesn’t remove the H1 Title when I tested this setting.

    Thread Starter stevepb

    (@stevepb)

    Hi frenchomatic / ampforwp

    I toggled the meta option you mentioned, but this only appears to remove the ‘author’ from the page content, all other meta (i’m using yoast) seems to be there. So, I guess this option just removes the amp specific meta stuff; and not normal page meta data, such as description, keywords, etc.

    I can email your support, but last time I did so, I was requested I setup a dev/copy of my site so your support could access and inspect the issue I was experiencing. (I have purchased your amp extensions also).

    The problem here is that I really don’t have the time to provide access for a development area, I have a lot on atm. I believe the issues that accelerated amp is suffering is due to my theme perhaps. The theme I’m using is ‘Enfold’.

    Wouldn’t it be much more universally easier and more flexible to just compensate for theme conflicts by adding the same code used for the home page providing the option to remove the H1 heading. This option is called Remove “Title on Static Front Page” and have the same option for regular ‘pages’. It would be good to add these for posts too. That would solve things across the board giving better flexibility to users of your plugin.

    Thanks

    Thread Starter stevepb

    (@stevepb)

    Hi,

    I have changed that one page title. Which is fitting for my purposes.

    I noticed an issue on the /blog/amp/ page itself, which again is showing two H1 headings. This time my blog page has the full title “SHEilds Health & Safety Blog”, but as the H1 doesn’t normally get shown from the default page name in my theme, I manually added the H1 – this causes the issue with amp showing two titles.

    I have tried with the amp page builder and custom amp editor to get this page to look good, but there are issues, so I’m just in the middle of sorting this page out.

    I don’t usually list links to author, category and other parts that amp adds. It’s showing text for links to images as well as the image, so the page really doesn’t work well using my theme and is quite messed up in appearance.

    I will no doubt eventually sort this out using the custom amp editor in the end, but isn’t working well with my blog short codes at present, I’ll make some teaks to get there.

    Thank you for your suggestions once again.

    Thread Starter stevepb

    (@stevepb)

    Hi,

    Thanks for the suggestion, although I had setup my site this way on purpose. I’ll look into it and see if this works for me.

    I would prefer to see the option to remove static title which is an option for the frontpage.

    Thank you

    Thread Starter stevepb

    (@stevepb)

    Hi,
    Thanks for further input, as mentioned I set my size to medium_large, as this is visually acceptable on all devices and better in terms of file size.

    I removed a lot of my previous comment through edits as I felt it was a bit too naggy, but I’m pleased you noted the point about the frontpage doing this differently to other pages for the featured image, which use as large sized image of 1030x707px.

    I used the ‘cumstom amp editor’ area at the bottom of the homepage as amp has some rather big issues with my theme as you may imagine. I’m still in the process of customising the css, adding classes to the custom editor, etc. so it looks more like the rest of my non-amp theme and more pleasing on the eye to visitors.

    I’m still trying to keep things clean and basic however; and only using two amp pages at the moment (although all my blog posts are amp) – the homepage and another at https://www.sheilds.org/qualifications/amp/ which I’m still working on.

    I intend to slowly make more use of amp pages.

    Thanks

    • This reply was modified 7 years, 7 months ago by stevepb.
    Thread Starter stevepb

    (@stevepb)

    Hi,

    Using defaults and as for the difference between mobile and desktop – I also can confirm that the image quality is absolutely terrible on both mobile and desktop devices regardless.

    So, I changed from medium in all three designs from ‘medium’ to ‘medium_large’ in “templates\frontpage_elements.php”, this displays an acceptable image dimensions of 768x445px.

    Best solution for me…

    As you mention on update this would go back to defaults, I’ve kept my re-sized image for medium at 1030x707px, but with file name ending -300×174.jpg

    I strongly suggest this is changed in future releases of the plugin updates as the medium size is really bad visually on all devices.

    Thanks

    • This reply was modified 7 years, 7 months ago by stevepb.
    • This reply was modified 7 years, 7 months ago by stevepb.
    • This reply was modified 7 years, 7 months ago by stevepb.
    Thread Starter stevepb

    (@stevepb)

    Hi,

    To get around the problem for now, I have found the image with dimensions added -300×174.jpg for example and manually overwritten the image with a 1030x597px dimension.

    effectively this image sheilds-health-safety-training-home-min-300×174.jpg is actually in these dimensions now: 1030×597.

    I have noticed however that google amp preview does not show the image on the homepage url (it does on any other page/post), so I think the image dimensions are too large for google to show in serp Rich Results/Cards.

    Still need a fix though, any clues anyone?

    Thread Starter stevepb

    (@stevepb)

    Hi,

    Additionally installing the extension “AMP Category Base URL Remover” broke my site redirects. I have to clear all active plugins via the database and activate them gradually to get my site back up and running again. Perhaps it conflicted with Yoast SEO (Pro) or my theme (Enfold). I have tested on a copy of my site without yoast and a previous version of my theme. The category base url link is removed on my testing site, but not my live site which has an update to the theme and Yoast installed.

    Using WP v 4.6.1

    Thread Starter stevepb

    (@stevepb)

    Hi,
    Slight mistake, the original code was:
    $popup_html .= '<img src="'.$this->popup_title_image.'">';

    Replace to include the ALT text.

    Peace.

    Thread Starter stevepb

    (@stevepb)

    Hi there again,

    I have made some changes to the css to deal with mobile devices.
    I’ve tested on 3 devices of slightly different screen ratios, it may not be perfect, but ensures the plugin displays correctly and usable for mobile devices.

    This part is important if your using right/left side positioning: I had to change the settings within the sticky-popup plugin to use a -1% margin, so the positioning of the right side bar was fully visible on mobiles. If you don’t do this the popup can trail off the lower part of the device screen and I couldn’t use my contact form submit button I use within the plugin.

    One thing is that I have not equated for screen rotation sizes, and the contact form can be difficult to use when in portrait. I don’t have much time to spend fixing this at present, but may get around to it sometime in the future.

    here’s the code I used on my website sheilds.org, which I hope will help others. The file you need to modify is located here: https://www.[yourwebsite]/wp-content/plugins/sticky-popup/css/sticky-popup.css

    note: I tried editing a custom.css in my theme first but this did not work.

    simple replace all the code in sticky-popup.css with this:

    @media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
		body
		{
			-ms-overflow-style: scrollbar;
		}
		.sticky-popup
		{
			position: fixed;
			width: 350px;
			visibility: hidden;
			z-index: 999999;
		}
		.sticky-popup .popup-header
		{
			padding: 10px 5px 5px 10px;
			border:1px solid #2C5A85;
			cursor:pointer;
		}

		.popup-title
		{
			color: #ffffff;
			font-size: 18px;
			font-weight: bold;
		}

		.popup-image
		{
			float: right;
			padding: 0 15px 0 0;
			margin: 0px;
			width:25px;
		}

		.popup-image img
		{
			max-width: 20px;
			max-height: 20px;
		}
		.popup-content
		{
			width: 100%;
			max-width: 100%;
			overflow-x: hidden;
			overflow-y:auto;
			height: 500px;
			background-color: #fefefe;
			border: 1px solid hsl(0, 0%, 92%);
		}

		.popup-content input, textarea, select
		{
			max-width: 95%;
		}
		.popup-content p
		{
			margin: 5px 0 5px 0px;
		}
		.popup-content-pad
		{
			padding: 10px;
		}
		/*Right Bottom and Left bottom side popup style*/
		.right-bottom
		{
			right: 2%;
			bottom: 0;
		}
		.left-bottom .popup-header
		{
			border-radius: 4px 4px 0 0;
		}
		.right-bottom .popup-header
		{
			border-radius: 4px 4px 0 0;
		}
		.left-bottom
		{
			left: 2%;
			bottom: 0;
		}
		.open_sticky_popup {
			-webkit-transition: bottom .8s;
			-moz-transition: bottom .8s;
			-o-transition: bottom .8s;
			transition: bottom .8s;
		}
		@-webkit-keyframes popup_content_bounce_in_up{
			0%{opacity:0;-webkit-transform:translateY(2000px)}
			60%{opacity:1;-webkit-transform:translateY(-30px)}
			80%{-webkit-transform:translateY(10px)}
			100%{-webkit-transform:translateY(0)}
		}
		@-moz-keyframes popup_content_bounce_in_up{
			0%{opacity:0;-moz-transform:translateY(2000px)}
			60%{opacity:1;-moz-transform:translateY(-30px)}
			80%{-moz-transform:translateY(10px)}
			100%{-moz-transform:translateY(0)}
		}
		@-o-keyframes popup_content_bounce_in_up{
			0%{opacity:0;-o-transform:translateY(2000px)}
			60%{opacity:1;-o-transform:translateY(-30px)}
			80%{-o-transform:translateY(10px)}
			100%{-o-transform:translateY(0)}
		}
		@keyframes popup_content_bounce_in_up{
			0%{opacity:0;transform:translateY(2000px)}
			60%{opacity:1;transform:translateY(-30px)}
			80%{transform:translateY(10px)}
			100%{transform:translateY(0)}
		}
		.popup-content-bounce-in-up{
			-webkit-animation-name:popup_content_bounce_in_up;
			-moz-animation-name:popup_content_bounce_in_up;
			-o-animation-name:popup_content_bounce_in_up;
			animation-name:popup_content_bounce_in_up;
			-webkit-animation-duration: 2s;
			animation-duration: 2s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}
		/*Right side popup style*/
		.sticky-popup-right
		{
			/*top:25%;*/
			right:0;
		}
		.sticky-popup-right .popup-header
		{
			width: 35px;
			margin-top: 35%;
			float: left;
			height: 160px;
			border-radius: 4px 0 0 4px;
			padding: 0px;
		}
		.sticky-popup-right .popup-title
		{
			writing-mode:tb-rl;
			-webkit-transform:rotate(90deg);
			-moz-transform:rotate(90deg);
			-o-transform: rotate(90deg);
			white-space:nowrap;
			display: block;
			padding:5px;
		}
		.sticky-popup-right .popup-image
		{
			margin:7px -135px 0 0;
		margin-right:-16px\9 !important;
		padding-right:15px\9 !important;
			width: 40px;
			padding: 0px;
			-webkit-transform:rotate(90deg);
			-moz-transform:rotate(90deg);
			-o-transform: rotate(90deg);
		}
		.sticky-popup-right .ie10 .popup-image
		{
			margin-right:-16px !important;
		}
		.sticky-popup-right .ie11 .popup-image
		{
			margin-right:-16px !important;
		}
		.sticky-popup-right .popup-content
		{
			width: auto;
		}
		.open_sticky_popup_right{
			-webkit-transition: right .8s;
			-moz-transition: right .8s;
			-o-transition: right .8s;
			transition: right .8s;
		}
		@-webkit-keyframes popup_content_bounce_in_right {
			0% {
				opacity: 0;
				-webkit-transform: translateX(2000px);
				transform: translateX(2000px);
			}

			60% {
				opacity: 1;
				-webkit-transform: translateX(-30px);
				transform: translateX(-30px);
			}

			80% {
				-webkit-transform: translateX(10px);
				transform: translateX(10px);
			}

			100% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
		}

		@keyframes popup_content_bounce_in_right {
			0% {
				opacity: 0;
				-webkit-transform: translateX(2000px);
				-ms-transform: translateX(2000px);
				transform: translateX(2000px);
			}

			60% {
				opacity: 1;
				-webkit-transform: translateX(-30px);
				-ms-transform: translateX(-30px);
				transform: translateX(-30px);
			}

			80% {
				-webkit-transform: translateX(10px);
				-ms-transform: translateX(10px);
				transform: translateX(10px);
			}

			100% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		}
		.popup-content-bounce-in-right{
			-webkit-animation-name:popup_content_bounce_in_right;
			-moz-animation-name:popup_content_bounce_in_right;
			-o-animation-name:popup_content_bounce_in_right;
			animation-name:popup_content_bounce_in_right;
			-webkit-animation-duration: 2s;
			animation-duration: 2s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}
		/*Left side popup style*/
		.sticky-popup-left
		{
			/*top:25%;*/
			left:0;
		}
		.sticky-popup-left .popup-header
		{
			width: 40px;
			padding: 0px;
			margin: 35% 0 0 0;
			float: right;
			height: 160px;
			border-radius: 0 4px 4px 0;
		}
		.sticky-popup-left .popup-title
		{
			padding:10px;
			writing-mode:tb-rl;
			-webkit-transform:rotate(90deg);
			-moz-transform:rotate(90deg);
			-o-transform: rotate(90deg);
			white-space:nowrap;
			display: block;
		}
		.sticky-popup-left .popup-image
		{
			margin:7px -135px 0 0;
			margin-right:-20px\9 !important;
			padding-right:20px\9 !important;
			width: 40px;
			padding: 0px;
			-webkit-transform:rotate(90deg);
			-moz-transform:rotate(90deg);
			-o-transform: rotate(90deg);
		}

		.sticky-popup-left .ie8 .popup-image
		{
			margin-right:-16px !important;
		}
		.sticky-popup-left .ie9 .popup-image
		{
			margin-right:-16px !important;
		}
		.sticky-popup-left .ie10 .popup-image
		{
			margin-right:-16px !important;
		}
		.sticky-popup-left .ie11 .popup-image
		{
			margin-right:-16px !important;
		}
		.sticky-popup-left .popup-content
		{
			width: auto;
			padding:0px;
			margin:0px;
		}
		.open_sticky_popup_left{
			-webkit-transition: left .8s;
			-moz-transition: left .8s;
			-o-transition: left .8s;
			transition: left .8s;
		}
		@-webkit-keyframes popup_content_bounce_in_right_left {
			0% {
				opacity: 0;
				-webkit-transform: translateX(-2000px);
				transform: translateX(-2000px);
			}

			60% {
				opacity: 1;
				-webkit-transform: translateX(30px);
				transform: translateX(30px);
			}

			80% {
				-webkit-transform: translateX(-10px);
				transform: translateX(-10px);
			}

			100% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
			}
		}

		@keyframes popup_content_bounce_in_right_left {
			0% {
				opacity: 0;
				-webkit-transform: translateX(-2000px);
				-ms-transform: translateX(-2000px);
				transform: translateX(-2000px);
			}

			60% {
				opacity: 1;
				-webkit-transform: translateX(30px);
				-ms-transform: translateX(30px);
				transform: translateX(30px);
			}

			80% {
				-webkit-transform: translateX(-10px);
				-ms-transform: translateX(-10px);
				transform: translateX(-10px);
			}

			100% {
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		}
		.popup-content-bounce-in-left {
			-webkit-animation-name:popup_content_bounce_in_right_left;
			-moz-animation-name:popup_content_bounce_in_right_left;
			-o-animation-name:popup_content_bounce_in_right_left;
			animation-name:popup_content_bounce_in_right_left;
			-webkit-animation-duration: 2s;
			animation-duration: 2s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}
		/* Top Left and Top Right style */
		.top-left .popup-header
		{
		   border-radius:0 0 4px 4px;
		}
		.top-right .popup-header
		{
		   border-radius:0 0 4px 4px;
		}
		.open_sticky_popup_top {
			-webkit-transition: top .8s;
			-moz-transition: top .8s;
			-o-transition: top .8s;
			transition: top .8s;
		}
		@-webkit-keyframes popup_content_bounce_in_down{
			0%{opacity:0;-webkit-transform:translateY(2000px)}
			60%{opacity:1;-webkit-transform:translateY(-30px)}
			80%{-webkit-transform:translateY(10px)}
			100%{-webkit-transform:translateY(0)}
		}
		@-moz-keyframes popup_content_bounce_in_down{
			0%{opacity:0;-moz-transform:translateY(2000px)}
			60%{opacity:1;-moz-transform:translateY(-30px)}
			80%{-moz-transform:translateY(10px)}
			100%{-moz-transform:translateY(0)}
		}
		@-o-keyframes popup_content_bounce_in_down{
			0%{opacity:0;-o-transform:translateY(2000px)}
			60%{opacity:1;-o-transform:translateY(-30px)}
			80%{-o-transform:translateY(10px)}
			100%{-o-transform:translateY(0)}
		}
		@keyframes popup_content_bounce_in_down{
			0%{opacity:0;transform:translateY(50px)}
			60%{opacity:1;transform:translateY(-30px)}
			80%{transform:translateY(10px)}
			100%{transform:translateY(0)}
		}
		.popup-content-bounce-in-down{
			-webkit-animation-name:popup_content_bounce_in_down;
			-moz-animation-name:popup_content_bounce_in_down;
			-o-animation-name:popup_content_bounce_in_down;
			animation-name:popup_content_bounce_in_down;
			-webkit-animation-duration: 2s;
			animation-duration: 2s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
		}

		.top-left
		{
			left: 2%;
		}
		.top-right
		{
			right : 2%;
		}
}/*END*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* Add your Mobile Styles here */
  /* SB added sticky popup modification to allow for mobiles*/
  	body
	{
		-ms-overflow-style: scrollbar;
	}
	.sticky-popup
	{
		position: fixed;
		width: 350px;
		visibility: hidden;
		z-index: 999999;
	}
	.sticky-popup .popup-header
	{
		padding: 10px 5px 5px 10px;
		border:1px solid #2C5A85;
		cursor:pointer;
	}

	.popup-title
	{
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
	}

	.popup-image
	{
		float: right;
		padding: 0 15px 0 0;
		margin: 0px;
		width:25px;
	}

	.popup-image img
	{
		max-width: 20px;
		max-height: 20px;
	}
	.popup-content
	{
		width: 95%;
		max-width: 95%;
		overflow-x: hidden;
		overflow-y:auto;
		height: 479px;
		background-color: #fefefe;
		border: 1px solid hsl(0, 0%, 92%);
	}

	.popup-content input, textarea, select
	{
		max-width: 90%;
	}
	.popup-content p
	{
		margin: 5px 0 5px 0px;
	}
	.popup-content-pad
	{
		padding: 10px;
	}
	/*Right Bottom and Left bottom side popup style*/
	.right-bottom
	{
		right: 2%;
		bottom: 0;
	}
	.left-bottom .popup-header
	{
		border-radius: 4px 4px 0 0;
	}
	.right-bottom .popup-header
	{
		border-radius: 4px 4px 0 0;
	}
	.left-bottom
	{
		left: 2%;
		bottom: 0;
	}
	.open_sticky_popup {
		-webkit-transition: bottom .8s;
		-moz-transition: bottom .8s;
		-o-transition: bottom .8s;
		transition: bottom .8s;
	}
	@-webkit-keyframes popup_content_bounce_in_up{
		0%{opacity:0;-webkit-transform:translateY(2000px)}
		60%{opacity:1;-webkit-transform:translateY(-30px)}
		80%{-webkit-transform:translateY(10px)}
		100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes popup_content_bounce_in_up{
		0%{opacity:0;-moz-transform:translateY(2000px)}
		60%{opacity:1;-moz-transform:translateY(-30px)}
		80%{-moz-transform:translateY(10px)}
		100%{-moz-transform:translateY(0)}
	}
	@-o-keyframes popup_content_bounce_in_up{
		0%{opacity:0;-o-transform:translateY(2000px)}
		60%{opacity:1;-o-transform:translateY(-30px)}
		80%{-o-transform:translateY(10px)}
		100%{-o-transform:translateY(0)}
	}
	@keyframes popup_content_bounce_in_up{
		0%{opacity:0;transform:translateY(2000px)}
		60%{opacity:1;transform:translateY(-30px)}
		80%{transform:translateY(10px)}
		100%{transform:translateY(0)}
	}
	.popup-content-bounce-in-up{
		-webkit-animation-name:popup_content_bounce_in_up;
		-moz-animation-name:popup_content_bounce_in_up;
		-o-animation-name:popup_content_bounce_in_up;
		animation-name:popup_content_bounce_in_up;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	/*Right side popup style*/
	.sticky-popup-right
	{
		/*top:25%;*/
		right:0;
	}
	.sticky-popup-right .popup-header
	{
		width: 35px;
		margin-top: 35%;
		float: left;
		height: 160px;
		border-radius: 4px 0 0 4px;
		padding: 0px;
	}
	.sticky-popup-right .popup-title
	{
		writing-mode:tb-rl;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
		white-space:nowrap;
		display: block;
		padding:5px;
	}
	.sticky-popup-right .popup-image
	{
		margin:7px -135px 0 0;
		margin-right:-16px\9 !important;
		padding-right:15px\9 !important;
		width: 40px;
		padding: 0px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
	}
	.sticky-popup-right .ie10 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-right .ie11 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-right .popup-content
	{
		width: auto;
	}
	.open_sticky_popup_right{
		-webkit-transition: right .8s;
		-moz-transition: right .8s;
		-o-transition: right .8s;
		transition: right .8s;
	}
	@-webkit-keyframes popup_content_bounce_in_right {
		0% {
			opacity: 0;
			-webkit-transform: translateX(2000px);
			transform: translateX(2000px);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateX(-30px);
			transform: translateX(-30px);
		}

		80% {
			-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}

		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	}

	@keyframes popup_content_bounce_in_right {
		0% {
			opacity: 0;
			-webkit-transform: translateX(2000px);
			-ms-transform: translateX(2000px);
			transform: translateX(2000px);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateX(-30px);
			-ms-transform: translateX(-30px);
			transform: translateX(-30px);
		}

		80% {
			-webkit-transform: translateX(10px);
			-ms-transform: translateX(10px);
			transform: translateX(10px);
		}

		100% {
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}
	}
	.popup-content-bounce-in-right{
		-webkit-animation-name:popup_content_bounce_in_right;
		-moz-animation-name:popup_content_bounce_in_right;
		-o-animation-name:popup_content_bounce_in_right;
		animation-name:popup_content_bounce_in_right;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	/*Left side popup style*/
	.sticky-popup-left
	{
		/*top:25%;*/
		left:0;
	}
	.sticky-popup-left .popup-header
	{
		width: 40px;
		padding: 0px;
		margin: 35% 0 0 0;
		float: right;
		height: 160px;
		border-radius: 0 4px 4px 0;
	}
	.sticky-popup-left .popup-title
	{
		padding:10px;
		writing-mode:tb-rl;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
		white-space:nowrap;
		display: block;
	}
	.sticky-popup-left .popup-image
	{
		margin:7px -135px 0 0;
		margin-right:-20px\9 !important;
		padding-right:20px\9 !important;
		width: 40px;
		padding: 0px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
	}

	.sticky-popup-left .ie8 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-left .ie9 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-left .ie10 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-left .ie11 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-left .popup-content
	{
		width: auto;
		padding:0px;
		margin:0px;
	}
	.open_sticky_popup_left{
		-webkit-transition: left .8s;
		-moz-transition: left .8s;
		-o-transition: left .8s;
		transition: left .8s;
	}
	@-webkit-keyframes popup_content_bounce_in_right_left {
		0% {
			opacity: 0;
			-webkit-transform: translateX(-2000px);
			transform: translateX(-2000px);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateX(30px);
			transform: translateX(30px);
		}

		80% {
			-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}

		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	}

	@keyframes popup_content_bounce_in_right_left {
		0% {
			opacity: 0;
			-webkit-transform: translateX(-2000px);
			-ms-transform: translateX(-2000px);
			transform: translateX(-2000px);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateX(30px);
			-ms-transform: translateX(30px);
			transform: translateX(30px);
		}

		80% {
			-webkit-transform: translateX(-10px);
			-ms-transform: translateX(-10px);
			transform: translateX(-10px);
		}

		100% {
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}
	}
	.popup-content-bounce-in-left {
		-webkit-animation-name:popup_content_bounce_in_right_left;
		-moz-animation-name:popup_content_bounce_in_right_left;
		-o-animation-name:popup_content_bounce_in_right_left;
		animation-name:popup_content_bounce_in_right_left;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	/* Top Left and Top Right style */
	.top-left .popup-header
	{
		border-radius:0 0 4px 4px;
	}
	.top-right .popup-header
	{
		border-radius:0 0 4px 4px;
	}
	.open_sticky_popup_top {
		-webkit-transition: top .8s;
		-moz-transition: top .8s;
		-o-transition: top .8s;
		transition: top .8s;
	}
	@-webkit-keyframes popup_content_bounce_in_down{
		0%{opacity:0;-webkit-transform:translateY(2000px)}
		60%{opacity:1;-webkit-transform:translateY(-30px)}
		80%{-webkit-transform:translateY(10px)}
		100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes popup_content_bounce_in_down{
		0%{opacity:0;-moz-transform:translateY(2000px)}
		60%{opacity:1;-moz-transform:translateY(-30px)}
		80%{-moz-transform:translateY(10px)}
		100%{-moz-transform:translateY(0)}
	}
	@-o-keyframes popup_content_bounce_in_down{
		0%{opacity:0;-o-transform:translateY(2000px)}
		60%{opacity:1;-o-transform:translateY(-30px)}
		80%{-o-transform:translateY(10px)}
		100%{-o-transform:translateY(0)}
	}
	@keyframes popup_content_bounce_in_down{
		0%{opacity:0;transform:translateY(50px)}
		60%{opacity:1;transform:translateY(-30px)}
		80%{transform:translateY(10px)}
		100%{transform:translateY(0)}
	}
	.popup-content-bounce-in-down{
		-webkit-animation-name:popup_content_bounce_in_down;
		-moz-animation-name:popup_content_bounce_in_down;
		-o-animation-name:popup_content_bounce_in_down;
		animation-name:popup_content_bounce_in_down;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.top-left
	{
		left: 2%;
	}
	.top-right
	{
		right : 2%;
	}
  /*end stick popup for mobiles*/

}

@media only screen and (max-width: 479px) {
  /* Add your Mobile Styles here */
  /* SB added sticky popup modification to allow for mobiles*/
  	body
	{
		-ms-overflow-style: scrollbar;
	}
	.sticky-popup
	{
		position: fixed;
		width: 315px;
		visibility: hidden;
		z-index: 999999;
	}
	.sticky-popup .popup-header
	{
		padding: 10px 5px 5px 10px;
		border:1px solid #2C5A85;
		cursor:pointer;
	}

	.popup-title
	{
		color: #ffffff;
		font-size: 18px;
		font-weight: bold;
	}

	.popup-image
	{
		float: right;
		padding: 0 15px 0 0;
		margin: 0px;
		width:25px;
	}

	.popup-image img
	{
		max-width: 20px;
		max-height: 20px;
	}
	.popup-content
	{
		width: 95%;
		max-width: 95%;
		overflow-x: hidden;
		overflow-y:auto;
		height: 470px;
		background-color: #fefefe;
		border: 1px solid hsl(0, 0%, 92%);
	}

	.popup-content input, textarea, select
	{
		max-width: 90%;
	}
	.popup-content p
	{
		margin: 5px 0 5px 0px;
	}
	.popup-content-pad
	{
		padding: 10px;
	}
	/*Right Bottom and Left bottom side popup style*/
	.right-bottom
	{
		right: 2%;
		bottom: 0;
	}
	.left-bottom .popup-header
	{
		border-radius: 4px 4px 0 0;
	}
	.right-bottom .popup-header
	{
		border-radius: 4px 4px 0 0;
	}
	.left-bottom
	{
		left: 2%;
		bottom: 0;
	}
	.open_sticky_popup {
		-webkit-transition: bottom .8s;
		-moz-transition: bottom .8s;
		-o-transition: bottom .8s;
		transition: bottom .8s;
	}
	@-webkit-keyframes popup_content_bounce_in_up{
		0%{opacity:0;-webkit-transform:translateY(2000px)}
		60%{opacity:1;-webkit-transform:translateY(-30px)}
		80%{-webkit-transform:translateY(10px)}
		100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes popup_content_bounce_in_up{
		0%{opacity:0;-moz-transform:translateY(2000px)}
		60%{opacity:1;-moz-transform:translateY(-30px)}
		80%{-moz-transform:translateY(10px)}
		100%{-moz-transform:translateY(0)}
	}
	@-o-keyframes popup_content_bounce_in_up{
		0%{opacity:0;-o-transform:translateY(2000px)}
		60%{opacity:1;-o-transform:translateY(-30px)}
		80%{-o-transform:translateY(10px)}
		100%{-o-transform:translateY(0)}
	}
	@keyframes popup_content_bounce_in_up{
		0%{opacity:0;transform:translateY(2000px)}
		60%{opacity:1;transform:translateY(-30px)}
		80%{transform:translateY(10px)}
		100%{transform:translateY(0)}
	}
	.popup-content-bounce-in-up{
		-webkit-animation-name:popup_content_bounce_in_up;
		-moz-animation-name:popup_content_bounce_in_up;
		-o-animation-name:popup_content_bounce_in_up;
		animation-name:popup_content_bounce_in_up;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	/*Right side popup style*/
	.sticky-popup-right
	{
		/*top:25%;*/
		right:0;
	}
	.sticky-popup-right .popup-header
	{
		width: 35px;
		margin-top: 35%;
		float: left;
		height: 160px;
		border-radius: 4px 0 0 4px;
		padding: 0px;
	}
	.sticky-popup-right .popup-title
	{
		writing-mode:tb-rl;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
		white-space:nowrap;
		display: block;
		padding:5px;
	}
	.sticky-popup-right .popup-image
	{
		margin:7px -135px 0 0;
		margin-right:-16px\9 !important;
		padding-right:15px\9 !important;
		width: 40px;
		padding: 0px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
	}
	.sticky-popup-right .ie10 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-right .ie11 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-right .popup-content
	{
		width: auto;
	}
	.open_sticky_popup_right{
		-webkit-transition: right .8s;
		-moz-transition: right .8s;
		-o-transition: right .8s;
		transition: right .8s;
	}
	@-webkit-keyframes popup_content_bounce_in_right {
		0% {
			opacity: 0;
			-webkit-transform: translateX(2000px);
			transform: translateX(2000px);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateX(-30px);
			transform: translateX(-30px);
		}

		80% {
			-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}

		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	}

	@keyframes popup_content_bounce_in_right {
		0% {
			opacity: 0;
			-webkit-transform: translateX(2000px);
			-ms-transform: translateX(2000px);
			transform: translateX(2000px);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateX(-30px);
			-ms-transform: translateX(-30px);
			transform: translateX(-30px);
		}

		80% {
			-webkit-transform: translateX(10px);
			-ms-transform: translateX(10px);
			transform: translateX(10px);
		}

		100% {
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}
	}
	.popup-content-bounce-in-right{
		-webkit-animation-name:popup_content_bounce_in_right;
		-moz-animation-name:popup_content_bounce_in_right;
		-o-animation-name:popup_content_bounce_in_right;
		animation-name:popup_content_bounce_in_right;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	/*Left side popup style*/
	.sticky-popup-left
	{
		/*top:25%;*/
		left:0;
	}
	.sticky-popup-left .popup-header
	{
		width: 40px;
		padding: 0px;
		margin: 35% 0 0 0;
		float: right;
		height: 160px;
		border-radius: 0 4px 4px 0;
	}
	.sticky-popup-left .popup-title
	{
		padding:10px;
		writing-mode:tb-rl;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
		white-space:nowrap;
		display: block;
	}
	.sticky-popup-left .popup-image
	{
		margin:7px -135px 0 0;
		margin-right:-20px\9 !important;
		padding-right:20px\9 !important;
		width: 40px;
		padding: 0px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform: rotate(90deg);
	}

	.sticky-popup-left .ie8 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-left .ie9 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-left .ie10 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-left .ie11 .popup-image
	{
		margin-right:-16px !important;
	}
	.sticky-popup-left .popup-content
	{
		width: auto;
		padding:0px;
		margin:0px;
	}
	.open_sticky_popup_left{
		-webkit-transition: left .8s;
		-moz-transition: left .8s;
		-o-transition: left .8s;
		transition: left .8s;
	}
	@-webkit-keyframes popup_content_bounce_in_right_left {
		0% {
			opacity: 0;
			-webkit-transform: translateX(-2000px);
			transform: translateX(-2000px);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateX(30px);
			transform: translateX(30px);
		}

		80% {
			-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}

		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	}

	@keyframes popup_content_bounce_in_right_left {
		0% {
			opacity: 0;
			-webkit-transform: translateX(-2000px);
			-ms-transform: translateX(-2000px);
			transform: translateX(-2000px);
		}

		60% {
			opacity: 1;
			-webkit-transform: translateX(30px);
			-ms-transform: translateX(30px);
			transform: translateX(30px);
		}

		80% {
			-webkit-transform: translateX(-10px);
			-ms-transform: translateX(-10px);
			transform: translateX(-10px);
		}

		100% {
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}
	}
	.popup-content-bounce-in-left {
		-webkit-animation-name:popup_content_bounce_in_right_left;
		-moz-animation-name:popup_content_bounce_in_right_left;
		-o-animation-name:popup_content_bounce_in_right_left;
		animation-name:popup_content_bounce_in_right_left;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	/* Top Left and Top Right style */
	.top-left .popup-header
	{
		border-radius:0 0 4px 4px;
	}
	.top-right .popup-header
	{
		border-radius:0 0 4px 4px;
	}
	.open_sticky_popup_top {
		-webkit-transition: top .8s;
		-moz-transition: top .8s;
		-o-transition: top .8s;
		transition: top .8s;
	}
	@-webkit-keyframes popup_content_bounce_in_down{
		0%{opacity:0;-webkit-transform:translateY(2000px)}
		60%{opacity:1;-webkit-transform:translateY(-30px)}
		80%{-webkit-transform:translateY(10px)}
		100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes popup_content_bounce_in_down{
		0%{opacity:0;-moz-transform:translateY(2000px)}
		60%{opacity:1;-moz-transform:translateY(-30px)}
		80%{-moz-transform:translateY(10px)}
		100%{-moz-transform:translateY(0)}
	}
	@-o-keyframes popup_content_bounce_in_down{
		0%{opacity:0;-o-transform:translateY(2000px)}
		60%{opacity:1;-o-transform:translateY(-30px)}
		80%{-o-transform:translateY(10px)}
		100%{-o-transform:translateY(0)}
	}
	@keyframes popup_content_bounce_in_down{
		0%{opacity:0;transform:translateY(50px)}
		60%{opacity:1;transform:translateY(-30px)}
		80%{transform:translateY(10px)}
		100%{transform:translateY(0)}
	}
	.popup-content-bounce-in-down{
		-webkit-animation-name:popup_content_bounce_in_down;
		-moz-animation-name:popup_content_bounce_in_down;
		-o-animation-name:popup_content_bounce_in_down;
		animation-name:popup_content_bounce_in_down;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.top-left
	{
		left: 2%;
	}
	.top-right
	{
		right : 2%;
	}
  /*end stick popup for mobiles*/

}

    Happy coding ?? All the best

    Thread Starter stevepb

    (@stevepb)

    Hi,

    I was just looking through the documentation and saw the configuration for the path to the app/Mage.php file. The Mangento install I want to integrate with is not found within the same server. It’s housed separately for business reasons, security, robustness etc. Can I simply type in the internal network IP and port number to get past the firewall on the Magento server?

    Many Thanks

    Forum: Plugins
    In reply to: problem with mailpress

    Hi I get the same error but on line 74.

    PHP [E_WARNING] 2 : unlink(/var/www/vhosts/domain/httpdocs/wp-content/plugins/mailpress/tmp/9b6551f88cf6b4837f67cfdbea244eeebody) [function.unlink]: No such file or directory in /var/www/vhosts/domain/httpdocs/wp-content/plugins/mailpress/mp-includes/class/swift/Swift/Cache

    at line 74 in Disk.php I see this code :
    /**
    * Clear the cached data (unlink)
    * @param string The cache key
    */
    public function clear($key)
    {
    @unlink(self::$save_path . “/” . $this->prefix . $key
    }
    So something is wrong with the path or there is a permissions issue I would say.

    Hello the solution is because the register globals being set to off!

    Create a subdirectory and place the example.php inside it i.e. https://www.example/wordpress/newfolder/example.php

    next change your server settings to globals on for that directory ONLY!

    Now your forms will work using the post method and change the actions to the new location of example.php file i.e.

    <form method="post" action="https://www.example/wordpress/newfolder/example.php">

    You can change your register globals setting in vhosts directory or some of the other .conf files on your server, and perhaps even using the .htaccess file are a few methods.

    Steve
    https://SHEilds.org

Viewing 15 replies - 16 through 30 (of 30 total)