درخواست راهنمایی در راستچین کردن لیست ها در پوسته

[alireza013 19]

سلام .

بنده در حال پارسی سازی یک پوسته هستم اما مشکلی برخورد کردم که نتونستم رفعش کنم.

این مشکل توی ویجت های سایدبار و فوتر هست. بالفرض ویجت اخرین ارسال ها یا دسته ها ، لیستشون چپ چین هست و تصویری که برای لیست در نظر گرفته شده سمت چپ هر گزینه هست.

بنده میخوام این تصویر لیست به سمت راست منتقل بشه اما موفق به اینکار نشدم با دستور direction rtl

با توجه به تازه کار بودنم خیلی هم این مشکل برام بعید نیست.

ممنون میشم راهنمایی کنید.

[norzad 1133]

نوشته ها رو با استفاده از کد زیر راست چین کن

text-align: right;

[alireza013 19]

متشکرم نورزار عزیز اما با این کار هم اون فلش ها به سمت راست نوشته ها منتقل نمیشن

[imanfakhar 26231]

ul {
direction:rtl;
}

[norzad 1133]

متشکرم نورزار عزیز اما با این کار هم اون فلش ها به سمت راست نوشته ها منتقل نمیشن

اون علامت فلش رو هم باید جدا به صورت راست ببر

[imanfakhar 26231]

اون علامت فلش رو هم باید جدا به صورت راست ببر

li {background-position:right top}

[alireza013 19]

توفیقی کسب نشد. همه جوره تستش کردم.

این استایل ویجت فوتر هست :

#footer-widgets { padding: 42px 0px 22px; }
   .footer-widget { width: 210px; margin-right: 40px; float: right; font-family: B Yekan,'B Yekan',tahoma; color: #afa59f; font-size: 13px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
   .last { margin-right: 0px; }
    .footer-widget p { color: #afa59f; text-shadow: 1px 1px 1px rgba(0,0,0,0.4) }
    #footer h4.widgettitle { font-size: 13px; color:#ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); text-transform: uppercase; padding-bottom: 11px; }
	 .footer-widget a { color: #afa59f; }
	 .footer-widget a:hover { color: #88817c; text-decoration: none; }
    .footer-widget ul {direction: rtl;  margin-bottom:8px; text-align: right; 
    }
	 .footer-widget ul ul { direction: rtl; margin-bottom:0; text-align: right; }
	  .footer-widget ul li { text-align: right; background-position:right top; background:url(images/footer-bullet.png)  no-repeat 0 7px; padding:0px 0 7px 17px; }
	  .footer-widget ul li ul {direction: rtl; margin:0 0 -3px; padding:5px 0 0 7px; }
  p#copyright {font-family: B Yekan,'B Yekan',tahoma; font-size: 11px; float:left; color:#afa59f; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); padding-bottom:25px; }

[Morteza 34190]

تست کنید:

 .footer-widget ul li { background:url(images/footer-bullet.png)  no-repeat right 7px; padding:0px 17px 7px 0; }