Post and featured image centering in Pinbin WordPress theme

Wow, really nice design! I like it! I have some questions though:

  • Can you center the posts? (because they are all aligned left)
  • When i set a feature image, in the post itself, the image isn’t centered, can I modify this?
  • Also, is there any way i could get a banner on top and maybe an ad between some of the posts?

Thanks you so much for sharing this theme to us btw! Great job!

  • It is a bit tricky to center posts on frontage but it’s doable.
  1. Look for functions.js file located in Pinbin theme /js folder and add the following:

isFitWidth:true,

in line 8 after

options…
2. Then add following line in the “style.css” file located in theme folder:

#post-area {
    margin: 0 auto;
    width: 100%;
}
  • For single posts you should just add:

margin: 0 auto;

for the “.type-post” styling in style.css.

  • To center featured images add this to theme style.css file
.pinbin-image img {
  display: block;
  margin: 0 auto;
}
  • You can place banner code to index.php file just before

div id="post-area"

  • Adding banner between posts on frontage might be a bit tricky because it require some jQuery

hi,
I dont seem to manage to do that.

Could you indicate where to add this :

#post-area {
margin: 0 auto;
width: 100%;
}

and

.pinbin-image img {
display: block;
margin: 0 auto;
}

Thanks.

You should add this inside style.css. Anywhere in the file should do the trick.

It doesnt appear to work when viewing a single post !
I added margin: 0 auto; line 1620 in the style.css
I also added the two pasted code before.

Do i do something wrong ?

thanks for your reply.

Obviously you are doing something wrong because there are only 866 lines of CSS in style.css

Make sure you have the latest theme version installed before you try centering post. If nothing works please let me know and I will look into it.

I’ve just sent you an email to support [at] divilab.com as it would be easier to understand

Thanks it did work!

Here is my approach to centering posts and pages: https://colorlibsupport.com/t/center-posts-and-pages-for-pinbin-theme/

Tried this… Not working…

Hi Guys,

is it difficult make the width size of a page bigger?
Now it’s fixed and with a photo more than about 650pixel width, the photo go “Out” of the white rectangle of the page background

Thanks
Alex