Thank you Devin, but my question relates to something a little different. Your reply addresses how to set up the layout for a blog on the blog page. But I am asking about how to change the way a blog entry can be formatted differently to appear on the home page when using the “blog posts” widget.

Please look at the following bringingmiracles.com main page. I have it set that one blog entry would be displayed on the main page. But the blog entry displays an icon. I do not want the icon displayed, but would prefer to use the same styling/format that is set with the advanced layout builder for the blog page. Which you can compare the same blog on this bringingmiracles.com/news_blog/ “blog” page.

I love the theme, by the way!
Conbdesign

Hey Devin,
Thanks for the response. What I have basically is this. The clients wants the pictures very large and wide for hi res monitors which is his client demographic to a large extent. Hence the slides are a whooping 2000 wide x 475 high.

I have a working version here: http://kristencooper.com/ctt/

I played with settings like you showed above however they cropped the pictures horizontally at the larger sizes. What I need to happen is for the full width to show on bigger monitors, but when it gets down to the mobile size it should crop in on the sides so the image stays a decent height. Also when I set ‘responsive under 1140’, the preview of the slides where you set the layers was cropped to that width. I have it set as you do above now except the responsive under and layers container are both back to zero for the time being. Hopefully you can steer me in the right direction, I’m just get accustomed to the theme, which is marvelous by the way.

Also if you look at that page above you’ll see i have a portfolio layout and a posts layout for the 4 smaller pictures, is there a css hack which will add some outside margin around the portfolio items so there is some white space all the way around in between the increments? That might be the perfect solution there.

Thanks a lot,

Tony

Anyone???

Hi Josue,

Thank you for your reply, I tried this before and it works fine when the browser is full width, but when I try shrinking the browser window the drop down navigation content gets cut off, as highlighted by the red dashed circle in the attached images.

Is there a way I can make them resize, when being responsive. I guess I can do it with changing the width in media queries, but I was wondering what is your preferred method.

thanks, Jake

Hello Devin,

Now the masonry gallery shows perfectly, 2 images per row, in a laptop with 16:9 resolution and in a tablet with 4:3 resolution,adjusting the width of the masonry items to 50%.

.av-masonry-entry {
width: 50% !important;
}

Thanks for your help.

Regards, Raul Ibañez.

Someone is playing with my site, leaving it for a long time distorted, so I had to change admin pass. Close the thread, I’ll deal with “data:,” bug by myself.

That worked, thanks Yigit – you’re the man!

Hi Yigit,

That didn’t work for Jetpack Comments, the 3rd party plugin I’m using. It did work when I disabled jetpack though. Any other code I can try?

Also, what code changes the size of the “reply” and “cancel reply” (the really small ones) texts as pictured in this image.

https://www.dropbox.com/s/qvkb7wwqpxj0zjj/Screen%20Shot%202014-01-12%20at%2012.05.43%20PM.png

Thanks

Jonny

My apologies I don’t believe I was clear on what I’m trying to do.

I would like the blog post preview image, when it appears on a blog call up page such as this one to be centered – http://jonnyfreesh.com/blog/

From what I could tell the code you gave me seemed to auto-center all post images, which is a very interesting bit of code in its own right :)

Thanks

Jonny