Post title Showing Under Post image problem


#1

Hello Bloggers :slight_smile: :slight_smile: :slight_smile:

welcome back… % Good Evening…

whats going on?

please help me…

my problem: as i write in Topic Title>>> When i open my blogger post it showing me the post like This

i want to it like this

please help me…


#2

Add this in your b:skin

.post-body img {
width:100%;
height:100%;
display: block;
}

#3

it’s not working… :frowning: :frowning: :frowning: … still


#4

Dear brother please share your blog link, so it will help us to check out what’s going wrong in your template.

Thanks


#5

my blog link in the both pictures whose i share with you all above in my topic.


#6

We can’t fix anything without knowing URL or where you implement the code


#7

so link is here http://www.urdupoetrymania.blogspot.com <i class=‘fa fa-link />’


#8

Dear brother after visiting you blog i just found quick solution regarding to your issue. just follow the steps below and you will get success:

Go to blogger template and search for the following code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='meta_container' style='position:relative;'>
<!-- featured img -->
<div class='bckpic' id='pic1'/>
</div>
</b:if>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>       
<a expr:href='data:post.link'><data:post.title/></a>    
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>  
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
  </b:if>
</b:if>

and replace the above code with the code below:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>       
<a expr:href='data:post.link'><data:post.title/></a>    
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='meta_container' style='position:relative;'>
<!-- featured img -->
<div class='bckpic' id='pic1'/>
</div>
</b:if>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>  
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='meta_container' style='position:relative;'>
<!-- featured img -->
<div class='bckpic' id='pic1'/>
</div>
</b:if>
</b:if>
  </b:if>
</b:if>

Here is the link of Working Demo

I hope the above steps will help you, in case of any trouble or need further help please let me know. Peace and blessing…!! Happy Blogging :smile:


#9

thank you soooooooooooooooooooo much bro :slight_smile: :smile: