Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2019-11-30 03:46:30

alex
Member
Registered: 2012-10-10
Posts: 84

REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

Hi,

I have this temporary site i'm building, im trying to reduce the white space above the image slideshow on the front page. The space between the images and the site menu. So when on a laptop computer, the user doesn't have to scroll up to see the full image. I went to every setting on the Home Page, Page Templates, and album Templates. Couldn't find the one on how to reduce it.

Id appreciate your help on this modification.

Page link:

http://jorgeccruz.alexojeda.com/

Many thanks!

Alex

Offline

#2 2019-11-30 04:38:08

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 16,968
Website

Re: REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

looks like you've set the aspect ratio for the vegas slide show to 1:1. this makes the container the same height as the width, which results in what appears to be extra space above the images.
you can see this by making the background color something other than white.

If all the images are landscape, try setting it to 3:2


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2 test site, Pangolin test site

Offline

#3 2019-11-30 04:57:42

alex
Member
Registered: 2012-10-10
Posts: 84

Re: REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

Hi, Rod,

Many thanks, that was it. However, now it shows good on a laptop, and to high up on a big monitor or mobile device. Is there a way to make it appear centered on the browser? No matter if its big or small monitor or mobile device?

Many thanks!

Alex

Offline

#4 2019-11-30 05:48:26

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 16,968
Website

Re: REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

There’s a margin-top setting, but that will apply to all displays
Other than that, you might experiment with custom css and media queries that address different browser sizes


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2 test site, Pangolin test site

Offline

#5 2019-11-30 07:01:21

alex
Member
Registered: 2012-10-10
Posts: 84

Re: REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

Ok. I see. many thanks Rob.

Offline

#6 2019-11-30 08:05:26

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,649
Website

Re: REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

If you want it centered always, then you might try a full-screen design, and simply do not upscale the images.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

#7 2019-11-30 09:05:39

alex
Member
Registered: 2012-10-10
Posts: 84

Re: REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

Ok. Many thanks Matthew. I'll try it. Upscale where or how? In which settings I shouldn't upscale? To make sure I don't do it. Cheers!

Offline

#8 2019-11-30 09:20:10

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 16,968
Website

Re: REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

Just make sure that you size your images so that they don’t need to be up scaled when the full page slideshow is viewed on larger monitors.
For example, if you set the image renditions to 600px and the page is being displayed on a monitor that’s 1600px wide, you’ll see a lot of pixelization.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2 test site, Pangolin test site

Offline

#9 2019-11-30 09:25:34

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,649
Website

Re: REDUCE SPACE OR MARGIN FROM IMAGE TO MENU

With the Vegas slideshow as full-screen, set Image Scaling as "Cover" ...

The Galleria add-on might also be worth a look for this.

I would need to play around with it to say specifically what settings would be ideal. I haven't designed with them in a while.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB