تغییر ستایل های جدید

[سینما 9]

سلام. احتراما با آپدیت قالب کدهای css هم ظاهرا در ورژن جدید عوض شدن برای تغییر استایل این کدها چطور باید ویرایش بشن ؟ میخوایم سایز فونت و خود فونت تیتر مطالب و منوی اصلی رو تغییر بدیم:

https://cinemaengineer.com

 

 

body {
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  -webkit-text-size-adjust: 100%

}

[levelup 257]

سلام

فونت ها رو تو متغییر قرار داده و تو body بجای اسم فونت،متغیر رو نوشته. پلاگین JCH رو غیر فعال کن تا بگم کجاش رو ویرایش بزنی.

استفاده از متغیر تو css متداوله و این خوبی رو داره که برای ویرایش رنگ و فونت لازم نیست کل فایل css رو شخم بزنی. فقط متغیر رو ویرایش می کنی و تمام.

[سینما 9]

ممنون.JCH رو غیر فعال کردم.بفرمایید

https://cinemaengineer.com/

[levelup 257]

در ابتدای این فایل:

https://cinemaengineer.com/templates/flex/css/template.css

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

@font-face {
    font-family: "FONTNAME";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/FONTNAME.woff2") format("woff2");
}

:root {
    --bs-font-sans-serif: FONTNAME;
}

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

فونت حتما باید تو پوشه fonts قالب وجود داشته باشه.

[سینما 9]

خیلی خیلی خیلی ممنونم.درست شد.

 

احتراما فقط سایز این فون ها رو چطور کم و زیاد کنیم؟  الان توی این کدی که درج کردیم چطور سایز "عنوان مطالب" و "متن مطالب"  و "منوی اصلی سایت" و "عنوان ماژول ها" رو کم و زیاد کنیم ؟

https://cinemaengineer.com/tutorials

[سینما 9]

ممنون درست شد....فقط فایل template.css خودبخود دوباره به حالت اولیه برمیگرده و دوباره نت مثل قبل میشه...آیا این کد رو باید جای دیگه ای ک ثابت بمونه درج کنیم؟ چون این قالب از less استفاده میکنه.

 

و احتراما :

  سایز این فونت ها رو چطور کم و زیاد کنیم؟  الان توی این کدی که درج کردیم چطور سایز "عنوان مطالب" و "متن مطالب"  و "منوی اصلی سایت" و "عنوان ماژول ها" رو کم و زیاد کنیم ؟

[سینما 9]

توی تنظیمات این قالب یک بخش Custum Code هست...ک تصویرش رو ضمیمه کردم...هرچند کد رو اونجا درج میکنیم تاثیری نمیزاره

[levelup 257]

کلا قالب آماده ها همیشه این دنگ و فنگ ها رو دارن. برای همین همیشه خودم قالب از صفر می نویسم. هم بهینه تره و هم راحت تر میشه ویرایشش کرد.

مستندات قالب رو بخون. فکر می کنم بشه این کد ها رو تو یه فایل css دیگه ریخت و آپلود کرد. معمولا چنین امکانی می ذارن. ممکنه user.css یا  custom.css باشه.

برای فونت تیتر ها هم این کد رو بزن

.entry-header h1 a, .entry-header h2 a {
    text-decoration: none;
}

body.rtl .entry-header h2 {
    font-size: 1.5em !important;
}

 

[سینما 9]

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

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

احتراما 3 تا سوال :

1- فاصله بین خطوط رو کمی بیشتر کنیم چه کدی باید ب همین کد اضافه کنیم؟

2- در خط 10 چرا کنارش علامت ضربدر قرمز گذاشته ؟ تصویر رو ضمیمه کردم.

3- ایرادی نداره ما h1 رو هم سایزش رو کوچیکتر کردیم؟ یعنی آیا سایز h1 باید سایز خاصی باشه یا میشه کم و زیادش کرد مثل بقیه قسمت ها ؟

 

[levelup 257]

سلام

در در 10/13/2022 در 12:48، سینما گفته است :

1- فاصله بین خطوط رو کمی بیشتر کنیم چه کدی باید ب همین کد اضافه کنیم؟

 

از line-height استفاده کن. مستنداتش. لینک مستندات

در در 10/13/2022 در 12:48، سینما گفته است :

2- در خط 10 چرا کنارش علامت ضربدر قرمز گذاشته ؟ تصویر رو ضمیمه کردم.

 

ادیتور فایل سی پنل اصلا پیشرفته نیست. بهش توجه نکن. تو یه ادیتور کد مثل visual studio code ببین. اگر اونجا مشکل داشته باشه درسته.

در در 10/13/2022 در 12:48، سینما گفته است :

3- ایرادی نداره ما h1 رو هم سایزش رو کوچیکتر کردیم؟ یعنی آیا سایز h1 باید سایز خاصی باشه یا میشه کم و زیادش کرد مثل بقیه قسمت ها ؟

 

کاملا سلیقه ای هست. یکی برزگ دوست داره و یکی کوچیک. نمیشه سایز خاصی گفت. ولی مسلما از متن معمولی باید بزرگتر باشه. ما 6 رقع head line داریم که با h1 تا h6 مشخص میشن.  متنی که داخل h1 هست بزرگترین سایز و متنی که داخل h6 هست کوچیک ترین سایز ( معمولا هم اندازه متن معمولی در تگ p ) در نظر گرفته میشه.

[سینما 9]

خیلی ممنونم از راهنمایی های خوبتون جناب.