Community @ The Turning Gate

and another question (think it is pointless to open a new thread for this). I would like to hide the magnifier button (Zoom in/out) while using Photoswipe fullscreen slideshow. The button is called "pswp__button pswp__button--zoom" so I tried

pswp__button pswp__button--zoom {
display: None;
}

in my custom css file but without success. What is the correct code for this? Wouldn't it be a useful thing to implement into the template configuration panel?

It does makes a difference, now it looks way better. Thank you again!

I owe you a beer (if you ever come to Switzerland or I will visit SFO again)

It is a 1-column template and the one for the main page (2-column) is not up2date yet.

UPDATE
Decided to choose another way. I would like to use my background only "inside" my page container( masthead, nav, body, footer) but the nav part is still not transparent. This is my CSS file

main {
	background-color: rgba(1,1,1,0);
}

nav ul,
nav li,
.page__tray ul.menu li {
	background-color: rgba( 255, 255, 255, 0.5 );
}

@media screen and ( min-width: 1025px ) {
html, main, .masthead {
	background-image: url("http://backlight.around-the-globe.info/backlight/designer/?c=page&a=image&p1=1");
	background-position: top center;
	background-attachment: fixed;
        background-repeat: no-repeat;
}
	.masthead,
	nav,
	.main, .page__main,
	.page__tray[data-position="T1"],
	.page__tray[data-position="T2"],
	.copyright {
		background-color: rgba( 255, 255, 255, 0.5 );
	}

}

Using the CSS code above makes the nav bar transparent but the background is allover the site. What is the reason?

.... really?

I really missed that link ... sorry for that, it is working like a charm now
Thank you!

you were right Daniel, thank you!

the final CSS code

html, 
body {
	background-image: url("http://backlight.around-the-globe.info/backlight/designer/?c=page&a=image&p1=1");
	background-position: top;
        background-repeat: no-repeat;
}

main {
	background-color: rgba(1,1,1,0);
}

nav ul,
nav li,
.page__tray ul.menu li {
	background-color: transparent;
}

@media screen and ( min-width: 1025px ) {

	.masthead,
	nav,
	.main, .page__main,
	.page__tray[data-position="T1"],
	.page__tray[data-position="T2"],
	.copyright {
		background-color: rgba( 255, 255, 255, 0.5 );
	}

}

Switched back to the non-working version using "Gallery 6.1.3" --> Url: http://www.around-the-globe.info/galler … a/hughada/

have to search my order number for the update

Hi Gommit,

my page is running on a webhosting powered by Netcup.  Right now I am setting up a vServer from the same hoster and never had any big trouble with them.

--> https://www.netcup.de/hosting/

I would recommend a "Web Expert M" package.

Hi,

just a wild guess, did you changed the folder permissions after uploading? My ttg-be folder has the permission level 0755 (read-write-execute (Owner), read-execute (Group), read-execute (Other)).
In case you know how to check this with your FTP program you could try this until Ben figured out why it is not working.

@Matthew
Running Nginx and Apache does make sense if you want to use the speed of Nginx (serving static content like images, js, css) WITHOUT changing your website (Nginx can't deal with .htaccess as example). Nginx is only responsible for the static stuff, everything else will be handled by Apache. Nginx is working as a reverse proxy for the Apache.

Regards
Moritz

okay, I tried jpegmini and fileoptimizer and was able to reduce the size from 6MB to 4.2MB but it is still a really slow thing. I think I have to switch to a vServer (and setup the webserver with keep-alive enabled) or change the webhosting service -.-
Here is the waterfall from the loading process

Most of the time it is blocked because of "keep-alive disabled" so before the last thumbnail is downloaded it was blocked for more than 10s ....

EDIT
Reply from my hoster: We can not activate the "keep-alive" option for you, sry ----- well guess I have to switch to my own vServer .... a loading time of more than 15s is not an option