ایکن در وردپرس

[erfanmix]

سلام
روزبخیر

در تصویر زیر علامت زدم و میخوام سه فلش "مشاهده همه " قرار بدم لطفا راهنمایی کنید چطور فونت ایکن رو بذارم در صورت امکان کد مربوطه رو بفرمایید

index1.jpg

سایت : www.erfanmix.com
تلگرام: @erfanmix


باتشکر از همه

[vMizban]

بستگی داره از کدوم فونت آیکون استفاده میکنید؟
اما بیسش اینجوریه

<i class="xxxxxxxx"> </i>

[tpark]

سلام
روزبخیر

در تصویر زیر علامت زدم و میخوام سه فلش "مشاهده همه " قرار بدم لطفا راهنمایی کنید چطور فونت ایکن رو بذارم در صورت امکان کد مربوطه رو بفرمایید

index1.jpg

سایت : www.erfanmix.com
تلگرام: @erfanmix


باتشکر از همه

درود بر شما

میتونید از css Pseudo-classe استفاده کنید.

اگر font awesome لود باشه کد زیر کار میکنه.

#products .box .more .arrow:before {
    content: "\f060";
    font-family: font-awesome;
    float: left;
    color: #e91601;
}

موفق باشید.

[erfanmix]

درود بر شما

میتونید از css Pseudo-classe استفاده کنید.

اگر font awesome لود باشه کد زیر کار میکنه.

#products .box .more .arrow:before {
    content: "\f060";
    font-family: font-awesome;
    float: left;
    color: #e91601;
}

موفق باشید.

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

[erfanmix]

بستگی داره از کدوم فونت آیکون استفاده میکنید؟
اما بیسش اینجوریه

<i class="xxxxxxxx"> </i>

سلام
خصوصی ارسال کردم لطفا چک کنید
باتشکر

[xwoman2]

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

داخل head بذارید البته اگر میخواید فایل ها روی هاست خودتون باشه میتونید از سایتش دانلود کنید و قرار بدید.ولی این طوری بهتره دیگه اپدیت هم بشه خودش میشه.به هر حال
بعد داخل تگ a مربوطه این رو اضافه کنید :‌

<i class="fa fa-arrow-left"></i>

[erfanmix]

سلام
اگه بخوام ایکن svg بذارم این کد درسته؟

#products .box .more .arrow:before {
background: url(../../../themes/erfanmix-wpars/assets/img/view.svg);
background-size: auto;
float: left;
display: block;
width: 15px;
height: 15px;
background-size: 15px;
}

توی پوشه قالب ایکن رو اپلود کردم ولی نمایش نمیده کجا رو اشتباه رفتم؟
ممنونم

[xwoman2]

سلام
اگه بخوام ایکن svg بذارم این کد درسته؟

#products .box .more .arrow:before {
background: url(../../../themes/erfanmix-wpars/assets/img/view.svg);
background-size: auto;
float: left;
display: block;
width: 15px;
height: 15px;
background-size: 15px;
}


توی پوشه قالب ایکن رو اپلود کردم ولی نمایش نمیده کجا رو اشتباه رفتم؟
ممنونم

اگر فرض کنیم استایلشیت شما توی این مسیر باشه : assets/css
اون وقت آدرس رو این طوری باید بدین :

background: url("../img/view.svg");

[erfanmix]

این مشکل توسط xwoman2 حل شد و خیلی ممنونم
با تشکر از سایر دوستان گرامی
تایپیک بسته شود