Post image mobile me cut kiya hua dikhayi deta hai


(Ankit kumar) #1

Mera Blog www.vishnubuzz.in par post image jab mobile me dekhta hun to poora image nahi dikhayi deta hai neeche ki taraf thoda cut kiya hua dikhayi deta hai mobile me jaisa ki screenshot me hai lekin desktop me poora image dikhayi deta hai…iska kya solution ki mobile me poora image show kare?


(Bheshpratap Sahu) #2

जब आप पोस्ट में image लगाते हैं तो image size original रखे जिससे सभी device में सही से शो हो l


(Ankush Ekapure) #3

aap image regenerator plugin use kr skte hai


(Jumedeen khan) #4

Aapko blog css coding me nimn changes karne hai.

  1. .post-image-wrap ki height auto set karo aur margin-bottom increase karo. is tarah se

.post-image-wrap {height:auto!important;margin-bottom:20px;}

2..index-post .post-image-wrap .post-image-link or .post-thumb ki height auto set karo. is tarah se.

.index-post .post-image-wrap .post-image-link,.post-thumb{height:auto!important;}

Problem solve ho jayegi.


(Ankit kumar) #5

Sir apne jaisa karne ke liye kaha tha maine theek waisa hi kiya lekin Blog mobile open karne ke baad image to poora show kiya lekin post title sahi se nahi dikhayi deta hai. ye dekhiye screenshot mein. uske baad desktop me post or image bahut bara dikgta hai.


(Jumedeen khan) #6

I know isiliye maine .post-image-wrap me margin-bottom add karne ko kaha tha, aapke blog me iski coding pahle se hai use replace karo.


(Ankit kumar) #7

Kaise karun sir???


(Jumedeen khan) #8

Aap ye code blog css me add karo.

.post-image-wrap {margin: 0 0 30px!important}


(Ankit kumar) #9

Sir ye code mujhse add nahi ho paa raha hai…screenshot me bataiye na…


(Ankit kumar) #10

Ise kaise add karuj plzz help…


(Jumedeen khan) #11

Apne blog ki css coding me post-image-wrap class karo aur upar diye css code ke anusar margin change karo.


(Ankit kumar) #12

Sir ye mujhse nahi ho raha hai kya ap 2 minute anydesk ye teamviewer par online aakar ye kaam kar doge plzz sir…


(Jumedeen khan) #13

Sorry for that, main only aapko guide kar sakta hu. Its very easy bas aap achhe se samajh kar karo.


(Ankit kumar) #14

To sir ap ek baar plzz starting se step by step fir se samjha sakte hain?


(Ankit kumar) #15

Sir ap ek baar mera Blog check karke bata sakte hain ki kaisa hai or isme kya kami hai?
www.vishnubuzz.in


(Jumedeen khan) #20

Ok, follow this guideline.

  1. apne blogger ke dashboard me jao.
  2. left sidebar me theme >> edit html select karo.
  3. ab code box me kahi bhi click karke Ctrl+F key button press kar </head> code search karo.
  4. Ab iske upar (isse pahle) niche diya code add karo.

<style>.post-image-wrap {margin: 0 0 30px!important}</style>

Is tarah se code add karna hai,

image

  1. Ab save theme par click kar setting save kar lo.

All done! ab apne blog ko browser cache clear kar open karke dekho problem solve ho gayi hogi.


(Jumedeen khan) #21

Maine some changes kiye hai ab aap ye guide follow kar sakte ho.


(Ankit kumar) #22

Sir apne jaise settings bataya hai usse mobile image problem solve ho gaya poora image dikhayi dene laga lekin blog desktop ya pc me open karne ke baad hompage par image bahut bada dikhayi deta hai screenshot me dekh lijiye.


(Jumedeen khan) #23

Ok only for mobile ke liye ye code use karo.

<style>@media only screen and (max-width:768px){.post-image-wrap { margin: 0 0 20px!important; }}</style>


(Ankit kumar) #24

Not working…