second post

by

Gemini said

Haan, aapka screenshot dekh kar ab mujhe problem ekdum 100% clear samajh aa gayi hai! Aap bilkul sahi jagah (Footer Widget 1) mein hi kaam kar rahe hain.

Dikkat ye hai ki GeneratePress theme ka wo jo default Footer Widget area (safed wala dabba jisme ‘About Us’ dikh raha hai) hai, wo abhi white hai. Isliye aapne ekdum sahi kaha ki agar aap wahan text white kar denge, toh wo dikhega hi nahi.

Humein us text se pehle us safed background ko dark karna hai taaki wo niche wale dark copyright bar ke sath milkar ek poora bada, professional footer ban jaye.

Is Safed Background ko Dark Kaise Karein (1 Minute Solution):

  1. Apne Customizer mein thoda peeche jayein aur Additional CSS open karein.
  2. Wahan jo code pehle se hai, uske theek niche ye chota sa naya code paste kar dein:

CSS

/* Footer Widget Area ko Dark aur Text ko White karne ke liye */
.footer-widgets-container, .site-footer {
    background-color: #212529 !important; /* Ye background ko dark karega */
    color: #adb5bd !important; /* Ye normal text ko light grey karega */
}

/* Footer Widget ki Headings ko White karne ke liye */
.footer-widgets-container h1, 
.footer-widgets-container h2, 
.footer-widgets-container h3, 
.footer-widgets-container h4, 
.footer-widgets-container .widget-title {
    color: #ffffff !important; /* Ye About Us jaise titles ko ekdum safed karega */
}
  1. Publish par click kar dein.

Ab Magic Dekhiye! ✨

Jaise hi aap ye code paste karenge:

  • Wo jo safed color ki patti hai, wo ekdum aapke niche wale footer jaisi dark (#212529) ho jayegi.
  • Aapko ab apne ‘About Us’ ya paragraph ka color block settings se badalne ki zaroorat nahi padegi. Ye code automatically heading ko white aur text ko light grey kar dega.

Ek baar ye code CSS mein daal kar dekhiye aur screenshot bhejiye, kya pura footer ab ek jaisa dark aur professional ho gaya? Iske hote hi hum baaki 3 columns mein aaram se links daal

Leave a Comment