ظاهر شدن متن بالای همه عکس های سایت هنگام قرارگیر ماوس

[ali-24]

با سلام و احترام دوستان من میخوام ظاهر شدن متن ( برای نمایش عکس در سایز بزرگتر و اصلی روی عکس کلیک کنید) رو بالای همه عکس های سایت هنگام قرارگیر ماوس روی عکس بگذارم در قالب وردپرس باید چیکار کنم مثل عکس زیر یک دنیا تشکر

Untitlefghd.jpg

[JahanSoft]

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

.imgdiv {position:relative;}
.imgcap {position:absolute;top:0;padding:10px 0;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
.imgdiv img {position:absolute;}

داخل پست هاتم ویرایشگرو ببری روی حالت code و عکس هایی که کدش اینطوری هست :

<img src="..." />

رو بصورت زیر تغییر بدی :

<div class="imgdiv">
<img src="... />
<div class="imgcap">برای بزرگنمایی روی عکس کلیک کنید</div>
</div>

البته من اینو تست نکردم اگه مشکلی داشت بگو تا برطرفش کنم برات.