{"id":1066,"date":"2007-04-22T15:34:38","date_gmt":"2007-04-22T23:34:38","guid":{"rendered":"http:\/\/www.krunk4ever.com\/blog\/?p=1066"},"modified":"2007-10-08T18:22:13","modified_gmt":"2007-10-09T02:22:13","slug":"ajaxian-theme-misalignment","status":"publish","type":"post","link":"https:\/\/www.krunk4ever.com\/blog\/2007\/04\/22\/ajaxian-theme-misalignment\/","title":{"rendered":"Ajaxian Theme Misalignment"},"content":{"rendered":"

I had begin noticing some weird alignment issue with Gallery’s Ajaxian Theme. On page 2 onwards of any album, the bottom next and last button links would be shifted a bit lower than it’s desired location:
\n\"ajaxian<\/a>\"ajaxian<\/a><\/p>\n

I started a thread on Gallery’s forum: ajaxian theme and mis-alignment of next\/last on page 2 onwards<\/a> and pointed out that the top links look okay, while the bottom didn’t. I also noted the fact that source wise, the top had them in reverse order, where it wrote out the next\/last links first, before writing out the first\/previous:<\/p>\n

top<\/strong>:
\n<div class=\"next-and-last\">...<\/div>
\n<div class=\"first-and-previous\">...<\/div><\/code><\/p>\n

bottom<\/strong>:
\n<div class=\"first-and-previous\">...<\/div>
\n<div class=\"next-and-last\">...<\/div><\/code><\/p>\n

I thought maybe if I can reverse the order of those statements, this might be fixed. I decided to see if I could figure this out. Looking at the style sheet (\/themes\/ajaxian\/theme.css), it appears this is how the blocks are defined:<\/p>\n

.next-and-last {
\n    float: right;
\n}
\n.next-and-last.no-previous {
\n    float: none;
\n    text-align: right;
\n}<\/code><\/p>\n

I started playing with the .next-and-last style, but didn’t really get anywhere unless I manually set it to be shifted up x-pixels.<\/p>\n

I then found \/modules\/core\/templates\/blocks\/Navigator.tpl, which actually uses this class and it just appears to be something simple that returns first-and-previous or next-and-last block.<\/p>\n

Then I found \/themes\/ajaxian\/templates\/album.tpl, which actually calls the Navigator.<\/p>\n

On the top, it showed:
\n{g->block type=\"core.Navigator\" navigator=$theme.navigator reverseOrder=true}<\/code><\/p>\n

but the bottom only shows:
\n{g->block type=\"core.Navigator\" navigator=$theme.navigator}<\/code><\/p>\n

I added the reverseOrder=true<\/strong> to the bottom, and that fixed it.<\/p>\n

Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"

I had begin noticing some weird alignment issue with Gallery’s Ajaxian Theme. On page 2 onwards of any album, the bottom next and last button links would be shifted a bit lower than it’s desired location: I started a thread on Gallery’s forum: ajaxian theme and mis-alignment of next\/last on page 2 onwards and pointed … <\/p>\n

Continue reading “Ajaxian Theme Misalignment”<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/posts\/1066"}],"collection":[{"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/comments?post=1066"}],"version-history":[{"count":0,"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/posts\/1066\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/media?parent=1066"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/categories?post=1066"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.krunk4ever.com\/blog\/wp-json\/wp\/v2\/tags?post=1066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}