رفتن به مطلب

راستچین کردن pagination


longman

پست های پیشنهاد شده

سلام دوستان

من از یک قالب استفاده میکنم که همه قسمتهاش کامل راستچین شده ولی قسمت pagination را هرکاری میکنم نمیتونم کد css برای راستچین کردنش را پیدا کنم. ممنون میشم اگه کسی راهشو بلده منو راهنمایی کنه:

سایت: لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

سلام

به سلکتور های :

.wp-pagenavi span.current
.content .page
.wp-pagenavi span.extend
.wp-pagenavi a

کد زیر رو اضافه کنید:

float:right;

و برای وسط چین کردن pagenation هم از margin در css استفاده کنید!

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

سلام

ممنون از کمکتون.

تا حالا کدهای زیادی رو امتحان کردم ولی هیچ کدوم کار نمیکرد. ولی با این کدی که شما دادید درست شد. واقعا ازتون ممنونم.

فقط برای وسط چین کردن آیا منظورتون این کد هست:؟

margin:center

چون این کد برای وسط چین کردن کار نمیکنه. البته با margin چیزهای دیگه هم امتحان کردم ولی وسط چین نشد.

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود.

margin: 0 auto;

باید بتونه مشکل رو حل کنه. از مقدار center نمی تونید برای margin استفاده کنید. کد بالا عنصر کلی DIV رو راست چین می کنه.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

سلام

خواهش میکنم

برای وسط چین کردن paganation  سایتتون در سلکتور :

.wp-pagenavi

این کد ها رو اضافه کنید »

float: right!important;
margin-right:25%;

برای کنترل کردن حالت ریسپانسیو pagenation  هم باید در دیوایس های مختلف margin-right رو کنترل کنید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 5 ساعت قبل، Masih گفته است :

درود.


margin: 0 auto;

باید بتونه مشکل رو حل کنه. از مقدار center نمی تونید برای margin استفاده کنید. کد بالا عنصر کلی DIV رو راست چین می کنه.

سلام

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در 5 ساعت قبل، haskey گفته است :

 

برای کنترل کردن حالت ریسپانسیو pagenation  هم باید در دیوایس های مختلف margin-right رو کنترل کنید.

سلام

ممنون. مشکل وسط چین حل شد. الآن شما برای ریسپانسیو کردن منظورتون این کد هست:

@media screen and (min-width: 720px) {
  .wp-pagenavi {
margin-right:25%;}

البته عذرخواهی میکنم اگه اینقدر سوال میپرسم چون من زیاد به css وارد نیستم.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

@media screen and (max-width: 768px){
	.wp-pagenavi {
    	margin-right: 20%;
	}
}

برای بقیه دیوایس ها هم از

@media screen and (max-width: 425px){
	.wp-pagenavi {
    	margin-right: 0;
	}
}

 

این رو به فایل css قالبتون اضافه کنبد

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...