Little wordpress help required

I have little problem in my wordpress template it showing me the the posts in decending form (the oldest posts showing first)
Is there any way to customize this code and add an orderby little function in it?
please help me in this

<?php

$i = 0;

if ( empty($image_width) ) {
    if ( $columns == 1 )
        $image_width = 960;
    else
        $image_width = 480;
}

if ( $image_ratio && $image_width ) {
    $image_height = cloudfw_match_ratio( $image_width, $image_ratio ); 
}

$atts[ 'show_side_date_year' ] = false;


while( $posts->have_posts() ) :
    $posts->the_post();
    $post_data = $this->get_post();

    /** Item number */
    $i++;
    $item_content = '';
    $item_classes = array();
    $item_classes[] = 'ui--blog-item ui--animation ui--accent-gradient-hover-parent clearfix';
   
    $item_classes[] = 'layout--' . $raw_layout;

    if ( $i == $post_count )
        $item_classes[] = 'last-item';

    $item_content .= "<div".
        cloudfw_make_class( $item_classes, true ) .
        ">";

        $link_element = array();
        $link_element[0]  = "<a class=\"ui--blog-link\" href=\"". $post_data['permalink'] ."\"";
        $link_element[0] .= ">";
        $link_element[1]  = "</a>";

        $item_content .= $this->side( $post_data, $atts );

        $item_content .= "<div class=\"ui--blog-content-wrapper\">";
           
            $item_content .= "<div class=\"ui--blog-header\">";
                $item_content .= "<{$title_element} class=\"ui--blog-title\">" . $link_element[0] . $post_data['title'] . $link_element[1] . "</{$title_element}>";   
               
                $metas = $this->get_blog_metas( $metas_primary, $post_data );
                $likes = $this->get_blog_metas( $metas_secondary, $post_data );

            $item_content .= "</div>";

            $excerpt = $this->get_excerpt( array('readmore' => $readmore, 'excerpt' => $show_excerpt, 'excerpt_length' => $excerpt_length, 'use_more_link' => false ) );
            if ( !empty($excerpt)) {
                $item_content .= "<div class=\"ui--blog-content\">";
                    $item_content .= $excerpt;
                $item_content .= "</div>";
            }

            $item_content .= "<div class=\"ui--blog-readmore more-link\">";
                $item_content .= "<a class=\"btn btn-small ". cloudfw_make_button_style( cloudfw_get_option( 'blog_template_mini',  'button_color', 'btn-secondary muted' ), true ) . "\" href=\"". $post_data['permalink'] ."\"";
                $item_content .= ">";
                    $item_content .= $readmore;
                $item_content .= "</a>";
            $item_content .= "</div>";

        $item_content .= "</div>";

    $item_content .= "</div>";

    if ( $columns > 1 ) {
        $column_array = array();
        $column_array['class'] = array();
        $column_array['_key'] = 'blog_mini';

        //$content_out .= $item_content;
        $content_out .= cloudfw_UI_column( $column_array, $item_content, '1of' . $columns . ( $i % $columns == 0 ? '_last' : '' ), $i == $post_count );
    } else {
        $content_out .= $item_content;
    }

endwhile;

PHP:

 

I think changing "last-item" & "_last" to "first-item" & "_first" respectively will do.
Test if this works

 

Still Not working

 

I don't know why you are using get_post() if you just used the_post() function. I also think you are over complicating it with this class you have behind all this.

try this code before the while loop.

    <?php global $query_string; query_posts($query_string . "&order=ASC"); ?>

Code (markup):