Hello everyone, I have a request for those who are more fluent in CSS than I am.

I would like to try and move the /size information/ of a post under .post-information to the right of the drop box that determines the scaling of the picture being display or at least rearrange all of .post-information to be above all of .tag-list instead of below it. My attempts were unsuccessful. If anyone could help I would appreciate it and maybe figure out what I am doing wrong as I even got to the point of trying to rearrange using position:absolute; and still had no luck.

goldenwings said:
Hello everyone, I have a request for those who are more fluent in CSS than I am.

I would like to try and move the /size information/ of a post under .post-information to the right of the drop box that determines the scaling of the picture being display or at least rearrange all of .post-information to be above all of .tag-list instead of below it. My attempts were unsuccessful. If anyone could help I would appreciate it and maybe figure out what I am doing wrong as I even got to the point of trying to rearrange using position:absolute; and still had no luck.

You can't move that section under the image toolbar with just CSS. You would need JavaScript for that.

This will move the information block just below the searchbar, though:

div#c-posts div#a-show aside#sidebar {
    display: flex;
    flex-flow: column;
}

div#c-posts div#a-show aside#sidebar section#search-box { order: -2; }
div#c-posts div#a-show aside#sidebar section#post-information { order: -1; }

bitwolfy said:
You can't move that section under the image toolbar with just CSS. You would need JavaScript for that.

This will move the information block just below the searchbar, though:

div#c-posts div#a-show aside#sidebar {
    display: flex;
    flex-flow: column;
}

div#c-posts div#a-show aside#sidebar section#search-box { order: -2; }
div#c-posts div#a-show aside#sidebar section#post-information { order: -1; }

This is great! Thank you very much.