Hi!
I am using the Brooklyn theme on my website Lufolk.com and would like to make the size of the featured image for my blog post smaller.
As it is now on my desktop the featured image covers the whole page so it takes scrolling to see any other posts.
I would like to make the featured picture for the blog post smaller so multiple posts can be seen at the same time. Ideal solution would be to have the images / posts next to each other like it is when looking at products (Square grid), and even better a column where I could organize and view “top blogs”/ selected posts.
any solutions for this?
Hi Philip,
As we checked the Brooklyn Theme we didn’t find any grid layouts for the blog. So we need to Develop in Coding. Do you have any experience in editing the code because it requires customizing the code.
@philipk
@media only screen and (min-width: 768px) {
.grid__item.large–five-sixths.push–large–one-twelfth {
width: 100%;
left: auto;
}
article.article.grid.small–text-center {
display: flex;
flex-direction: row;
}
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->timber.scss.liquid
@oscprofessional Thank you! That worked! Is it possible to make it even smaller/shorter in height?
@SmallTask not really. I have only copied and pasted some code before so just very basic