horizontal line לשנות את עוביו ל-1px

אורון100

New member
horizontal line לשנות את עוביו ל-1px

בTHEME שאני משתמש יש קו הוריזונטאלי שמפריד בין הפוסטים השונים, אך לטעמי הוא עבה מדי. נסיתי לשנות אותו בעזרת custom css אך לא הצלחתי.
אתאר כאן את התהליך הכושל שביצעתי, אשמח לפתרון/הסבר-

1. בעזרת google inspect בחנתי את הhr שנמצא תחת .entry-footer:before.
2. בחלונית של google inspect שיניתי את הheight מ2px ל-1px. מיד הhr השתנה בדיוק למה שרציתי. דק יותרץ
3. העתקתי את "העיצוב/קוד" המעודכן לcustom css כך-
.entry-footer:before {height:1px}

אך זה לא עובד
 

חננה013

New member
נסה להוסיף body בתחילת הסלקטור שלך

אם אני משערת נכון, הסלקטור שלך והסלקטור של הtheme הם עם אותו משקל, ומאחר והסלקטור שלך כתוב לפני הסלקטור שלהם (סדר טעינת קבצי הCSS), לפיכך הסלקטור שלך נדרס על ידי שלהם. ברגע שתוסיף body לסלקטור שלך - בעצם תוסיף "נקודה" נוספת למשקל של הסלקטור שלך והוא יהיה שווה יותר משלהם וממילא ידרוס את שלהם.
תוכל לקרוא עוד על משקל של סלקטורים בפוסט שכתבתי.
בהצלחה רבה
 

אורון100

New member
תודה ! אך אחרי כמה וכמה ניסיונות לא מוצלחים

נהנתי לקרוא את הפוסט שלך ונסיתי למצוא את הדרך לעשות זאת באתר שלי, נעזרתי גם בעוד כמה וכמה הסברים בנושא באנגלית - אך לצערי לא הצלחתי.

התופעה האמת חוזרת על עצמה עם עוד אלמנט באתר שאינני מצליח לשנות - הכותרות של הפוסטים בסליידר - להוסיף להם קו מתאר שחור והצללה.

בקיצור אני מבין שיש אצלי פער/ים גדול בבסיס העניין וכנראה כמו שאמרת במשקלים... מה את ממליצה לעשות? והאם בא לך לתת מבט באתר שלי לראות את מה שאינני מצליח לתקן (רק בdesktop רואים את הקו האופקי, בmobile זה כלל לא קיים)

https://oronglick.com
 
למעלה