مشکل قرار نگرفتن متن دقیقا جلوی عکس در وردپرس

کد:

---

        <div class="mmtab4">

            <ul>
                <?php
                // the query
                $arms = array(
                    'post_type' => 'post',
                    'posts_per_page' => '10',
                    'offset' => 0,
                    'cat'=>get_option('mycat4'),
                    'post_status' => 'publish'
                );
                $the_query = new WP_Query( $arms ); ?>
                <?php if ( $the_query->have_posts() ) : ?>
                    <!-- pagination here -->
                    <!-- the loop -->
                    <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
                        <li><?php the_post_thumbnail('single-post-thumbnail'); ?><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><span>
<?php echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . ' پیش'; ?>

</span></li>
                    <?php endwhile; ?>
                    <!-- end of the loop -->
                    <!-- pagination here -->
                    <?php wp_reset_postdata(); ?>
                <?php else : ?>
                    <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
                <?php endif; ?>

            </ul>
        </div>

---

برای دیدن عکس از نحوه ی نمایش کلیک کنید
http://uupload.ir/files/nt7_snap1.png

از طریق inspect میتونید css هاش رو تغییر بدید و بعد برید اعمال کنید

سلام دوست عزیز ، آدرس سایت رو لطفا ارسال کنید ، اینجوری نمیشه بررسی کرد

نقل قول:

---

نوشته اصلی توسط blueserver

سلام دوست عزیز ، آدرس سایت رو لطفا ارسال کنید ، اینجوری نمیشه بررسی کرد

---

http://lostdl.ir

ترتیبی که اون div ها قرارگرفتن درست نیست و باید یکم تغییر بدید ، چون دسترسی ندارم دقیقا نمیدونم چجوری حل میشه اما ، یک کلاس .main-tab ul li img در فایل style بسازید و float right بهش بدید و بعد برای کلاس .main-tab ul li a نیز float right و padding بدید که بتونید اندازه هارو میزون کنید ،امیدوارم حل بشه.

نقل قول:

---

نوشته اصلی توسط blueserver

ترتیبی که اون div ها قرارگرفتن درست نیست و باید یکم تغییر بدید ، چون دسترسی ندارم دقیقا نمیدونم چجوری حل میشه اما ، یک کلاس .main-tab ul li img در فایل style بسازید و float right بهش بدید و بعد برای کلاس .main-tab ul li a نیز float right و padding بدید که بتونید اندازه هارو میزون کنید ،امیدوارم حل بشه.

---

تشکر با کد زیر درست شد فقط فلوت رایت همش رو میریخت به هم که برداشتم

کد:

---

.main-tab ul li img
{


    position: relative;
    top: 20px;
    margin-right: 5px;

}

---