رفتن به مطلب

تغییر چیدمان لوگو و عنوان


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

ارسال شده در (ویرایش شده)
در 4 ساعت قبل، asadiy4n گفته است :

سلام

به انجمن خوش آمدید

شما اول قالب رو نصب کنید و ادرس آنلاینتون رو قرار بدید تا ببینیم و بتونیم کمک کنیم

سلام،
ممنون از پاسختون. من روی لوکال هاست دارم تستش میکنم ولی دموی لایوش موجوده:
https://demo.themesdna.com/gridhub/

 لوگو و عنوان سایت وسط چین است و در تنظیمات قالب هیچ آپشنی برای تعیین محل لوگو و عنوان سایت نداره. بنابراین فکر میکنم باید CSS اش اصلاح بشه. لینک CSS قالب:
https://demo.themesdna.com/gridhub/wp-content/themes/gridhub/style.css

اگر نیاز به فایل های قالب دارید:
https://downloads.wordpress.org/theme/gridhub.1.0.3.zip

ویرایش شده توسط BetaMaster
لینک به ارسال
در 5 دقیقه قبل، asadiy4n گفته است :

اگر از نسخه رایگانش استفاده میکنید من اصلا لوگویی اینجا نمیبینم :blink:

بله از نسخه رایگان استفاده میکنم که همه مشخصات رو تقدیمتون کردم. در دموی ارسالی لوگو نداره ولی لیک CSS رو دادم و میتونید چک کنید (اینجا: https://demo.themesdna.com/gridhub/wp-content/themes/gridhub/style.css ).

من اصلا CSS بلد نیستم ولی با یک نگاه ساده به CSS متوجه شدم با تغییر center به left در قسمت زیر از CSS قالب عنوان به سمت چپ منتقل میشه:

.gridhub-header-full-active .gridhub-logo{float:none;width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;-webkit-box-ordinal-group:1;-webkit-order:0;-moz-box-ordinal-group:1;-ms-flex-order:0;order:0;text-align:center;}

اگر این خط رو با CTRL+F  در CSS سرچ کنید همه تنظیمات logo مشخصه. فقط یه نفر نیاز هست که سواد CSS داشته باشه و بگه چیکار کنم که لوگو هم بشه چپ چین بشه.

 

لینک به ارسال

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

.site-branding{display: inline;}
.site-branding .gridhub-custom-logo-image,
.site-branding .gridhub-custom-logo-info{float: left;}
.site-branding .gridhub-custom-logo-image{
  height: 100%;
  display: flex;
  align-items: center;
}

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

لینک به ارسال
در 2 ساعت قبل، asadiy4n گفته است :

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


.site-branding{display: inline;}
.site-branding .gridhub-custom-logo-image,
.site-branding .gridhub-custom-logo-info{float: left;}
.site-branding .gridhub-custom-logo-image{
  height: 100%;
  display: flex;
  align-items: center;
}

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

از پاسخگویی و پیگیری های مستمر شما صمیمانه سپاسگزارم.:wub:

کد CSS شما صحیح است اما هدر را دچار بهم ریختگی جزئی میکنه. با سعی و خطا کدی که دیروز ارسال کرده بودم را به شکل زیر ساده سازی کردم و الان لوگو و توضیحات سایت قابل کنترل است (من به سمت چپ منتقلش کردم)

.gridhub-header-full-active .gridhub-logo{text-align:left;}

تنها مشکل اینه که نوشته توضیحات سایت زیر لوگو قرار میگیره گه من دوست دارم جلوی آن باشه یا لوگو بره سمت راست و نوشته سمت چپ باشه (در یک سطر و نه زیر هم). راه حلی برای این به نظرتون میرسه؟
 

با سپاس مجدد

 

لینک به ارسال

اگر میخواید در دو طرف قرار بگیرن کدهای قبلی رو پاک کنید و این کد رو قرار بدید

.site-branding{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  padding: 0 20px;
}

برای جا به جایی نوشته ها و لوگو این خط رو پاک کنید

flex-direction: row-reverse;

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...