HomeWordpress

WordPress Bullet Style Change Kaise Kare?

Like Tweet Pin it Share Share Email

Bullet Points internet par kisi bhi information ko effectively represent karte hain and yes print out me bhi kafi achhe lagte hain.

Bullet points use karne se visitors post ko easily scan kar sakte hain aur post bhi readable banti hai.




Bullet points ka use karne se bahut achhe benefit hain:

  • Post readable and scannable banti hai
  • Visitors articles ko sahi tarah se samajh sakte hain
  • SEO ke liye bahut achha hai
  • Post readable and scannable mean Bounce rate bhi kam hoti hai

Long and big posts me bullets use karna bahut jaroori hota hai, warna readers confuse ho jate hain ki kaha se shuru kare.

Lekin bullets ko aur jyada attractive look dena ho to?

WordPress me default bullets kuch jyada attractive nahi hote, suppose aapko style change karna ho to?

Aap bullet styles ko apne according customize kar sakte hain aur usme jaruri changes karke more attractive bana sakte hain.




WordPress Me Bullet List HTML code

WordPress me bullet points two tags se create hoti hain, jo aap text mode par dekh sakte hain.

First tag hoti hai <ul>: iska matlab hota hai “unordered list“, same agar aap number list banate hain to usme <ol> tag use hoti hai jiska mean hai “ordered list

Second tag hoti hai <li>: iska matlab hota hai item list

Visual mode me bullet create kare aur text mode me dekhe.

wordpress text mode

CSS Se Bullet list Change kare

WordPress me aap Custom CSS se bullet style ko change kar sakte hain. CSS code aapko Appearance » Edit CSS me add karna hai.

Aaiye dekhte hain kaise?




1: Bullet style change kare
Agar aapki bullets list circle hai to unhe square banane ke liye aap below CSS use kar sakte hain.

.entry-content ul li {
list-style: square;
}

Now change karne ke baad aapki bullet list kuch aisi hogi. Yaha aap square ki jagah circle and disc ka use kar sakte hain.

bullet style customize

2: Bullet list ke text ko Bold kare

Agar aapko bullet list ke text ko Bold karna hai to below CSS use kar sakte hain




.entry-content ul li{ font-weight: bold; list-style:Square; }

3: Bullet and text ka colour change kare

Agar aapko bullet and use text ka colour change karna hai to wi bhi aap below CSS se kar sakte hain.

.entry-content ul li {
list-style: square;
font-weight: bold;
color: #00bfff;
}

Result, see below

bullet-list-customize




4: Bullet list ki jagah image use kare

Agar aapko bullets ka default look pasand nahi aur poori tarah se change karna chahte hain to aap custom images use kar sakte hain.

Aap kisi bhi image ko bullet ki jagah replace kar sakte hain, see how
Edit CSS me below code add kare and see preview

.entry-content ul li {
list-style-image: url(https://1.bp.blogspot.com/-H_pwY0pNqUY/V7vf0kXHMFI/AAAAAAAAENo/Fya_LFLSR-sC7v-MAcPbus_7HqGmDJ8oACPcB/s320/plus-sign-silhouette.png);
}

Above image ki jagah aap kisi bhi image ko upload karke uska URL yaha add kar sakte hain.

See result:

bullet style customize

5: Font Awesome icons ka use kare

Aap font awesome icons bhi use kar sakte hain bullet ki jagah. see how:

Edit CSS me below CSS style add karke save kare.

.entry-content ul li:before {
content: ‘\f0a4‘;
font-family: ‘FontAwesome’;
float: left;
margin-left: -1.5em;
color: #171717;
}

.entry-content ul li {
margin: .5em;
margin-left: 2em;
}

Yaha \foa4 ki jagah aap koi aur icon use kar sakte hain. Sabhi icons ki cheatsheet aap yaha dekh sakte hain.

Final Words

To is tarah se aap WordPress me bullet list style ko customize and change kar sakte hain. Main default style use karta hu, ha jinko kuch alag chahiye wo above styles use kar sakte hain.

Aapko kaun si style use karte hain default ya custom?

Comments (0)

Leave a Reply

Your email address will not be published. Required fields are marked *