-
Posts
-
This seems related to https://kriesi.at/support/topic/image-gallery-broken which was fixed.
Since the latest 1.9 updates uploading media it seems to swap the position of the images from the add to gallery page:
so order set as 1,2,3,4,5,6
appears in a 3 column as
3,2,1
6,5,4
As this was fixed in flashlight I wondered if its gotten introduced in enfold.
Thx
Hey!
I cant really reproduce the issue. Are you running any plugins that might interfere?
Regards,
Kriesi
hey !
No I havent added any plugins since this was working ok
The weird thing is that the gallery anim also runs backwards – right to left fill in with the thumbs !
Check and see what I mean : http://goo.gl/FSGn9d
Tres weird huh !
I might try uploading the theme again tomorrow if you cannot suggest anything !
edit: Ok I think its related to the gallery fix nick provided :
https://kriesi.at/support/topic/how-to-add-captions-to-gallery-thumbs
The code nick gave me
#top .avia-gallery .avia-gallery-thumb a { float: right; }
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { text-align: center;}
#top div .avia-gallery { text-align: center; }If float right is float left.. anim is right way round – gallery is still out of order tho.. I think it might be the other code in there he gave causing the prob.
sorry about this :-)
Sorry about that mrkuji. Unfortunately not all modifications are full proof.
Floating quite literally floats elements within their container so with float: right or float: left it takes the row of images and floats them starting with whatever side and then going over stacking #3 | #2 | #1 or #1 | #2 | #3 .
Hi,
Actually the code I provided was this, which looks a bit different than what you pasted.
.avia-gallery-thumb {
margin: 0 auto;
width: 591px;
}
#top div .avia-gallery img {
width: 100%;
float: left;
}
#top .avia-gallery .avia-gallery-thumb a {
float: right;
}Please check whichever thread that was on since there was more. If you implemented what you pasted above instead what you see here, then perhaps that can be the cause of the problem. Though I think the problem actually is that i am sending the link to the right while sending the image that is wrapped by that link to the left.
Your requirements were so stringent that without some serious time investment , this was the best i could come up with.
Maybe it goes with the paranormal theme of the site that everything runs backwards?
Thanks,
Nick
your code above still makes the anim and gallery order runs backwards :-( It does however break the text alignment under the image which was the whole support issue in the first stage ! 2steps 1 back sniff
And its not a paranormal site – just old real world stuff:-p
edit:
.avia-gallery-thumb { margin: 0 auto; width: 591px; }
#top div .avia-gallery img { width: 100%; float: right;}
#top .avia-gallery .avia-gallery-thumb a {float: left;}
#top div .avia-gallery { text-align: center; }This code works.. and adding the footer in fixes the alignment text
- The topic ‘Gallery image order ignored’ is closed to new replies.