Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2019-11-08 20:51:03

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,143

Home page slideshow position

The pideja.ca site has a slideshow running on the home page.
Problem: that animation is too high on the page. I am trying to align the top of the slideshow with the top of the logo.
Using the inspector, I found that two areas affect the position of the image: in the graphic illustrating box size, padding, border and margin (I set it to 100) and this...

element.style {
    margin-top: 100px;
}

It worked while in the inspector but not when in the CSS:

/* home page animation position */
element.style {
    margin-top: 100px;
}

How can I set this position reliably?

Last edited by pideja (2019-11-08 20:51:54)

Offline

#2 2019-11-08 21:21:49

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,143

Re: Home page slideshow position

Just noticed that the gallery thumbnails, as well as the large image display, are also too high.
So, I must have changed a setting to "fix" something else but that change has it's repercussions.

Now, to find the offending setting...

Offline

#3 2019-11-08 21:49:31

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,143

Re: Home page slideshow position

Maybe found a solution by setting the album-set and album thumbnail grids to a margin-top of 100px.

It works fine, as far as I can see. The only problem is the palette shifts right-left when going from album-sets to albums.

But that's probably another post.

Offline

#4 2019-11-08 21:56:51

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

Re: Home page slideshow position

You should be able to align the masthead and the slide show from just the Backlight controls.


Using element.style isn’t specific enough, it could effect a lot of things. You need to target a more specific selector.

When testing in the inspector, always test by adding any new css you’re trying to the end of your custom css (in the inspector’s “styles” tab)


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-10 01:14:08

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,143

Re: Home page slideshow position

I notice that the home page slideshow, the gallery breadcrumbs (and the thumbnail grid) and the contact form page are all linked as far as alignment is concerned. Although the gallery thumbnail grid is correctly aligned with that logo on the left pallet, the opening slideshow and the contact form are too high.
My CSS doesn't seem to work and I'm looking all over the Backlight settings trying to find witch control(s) affect the position of these elements.

Offline

#6 2019-11-10 01:39:38

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

Re: Home page slideshow position

Each album or album set template has its own margin-top setting.
For regular albums, look in the thumbnail grid section.
For your slide show, look under the Presentation tab


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

#7 2019-11-11 10:19:45

pideja
Member
From: Montreal
Registered: 2013-02-26
Posts: 1,143

Re: Home page slideshow position

For your slide show, look under the Presentation tab

Another setting I had forgotten. Works great for the opening animation on the home page. Thank you.

Offline

Board footer

Powered by FluxBB