Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
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
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
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
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/3 test site
Offline
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
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/3 test site
Offline
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
Pages: 1