sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi there, this CSS would turn the images on your pages using the blog limit shortcode to greyscale.
.grid-blog-thumb img:hover {
filter: grayscale(100%);
}
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Oops, I forgot a few declarations to cover other browsers. Use this instead.
.grid-blog-thumb img:hover {
filter: grayscale(100%);
filter: grey;
-webkit-filter: grayscale(100%);
}
Hi sacredpath, thank you for the reply. It will come handy, I am sure of it.
But I had a different thing in mind. How to show this page http://moment.si/nowa/ same as this page http://moment.si/nowa/blog/ (hover effect, text on image, content on all the width of the page).
Firs link shows blog page, created with the “WP Blog and Widget” (look at firs post here), second one is typical wordpress post/blog page. They behave very similar on admin-page.
Thanks
sacredpath
(@sacredpath)
Automattic Happiness Engineer
@zokyslav, when looking at the code on the moment.si/nowa/ page, there is no unique HTML or CSS that we could apply a grid styling to, so I don’t know that there is anything we can do on that page with that plugin.
In Cubic, category pages will show in the grid style, like on this category page on Boardwalk demo site. Have you considered using categories to organize your posts instead of the plugin you are trying to use? The display on categories pages in Cubic is the same as what you see on your blog page.
Alternately you could also use tags pages and get the same result. You can then add the categories or tags to the menu so your visitors can get to those pages.
Hi sacredpath!
I am trying to achieve something like on that image, that is reachable on that link http://moment.si/arhiv/moment_img.jpg
(First text, then 3 grid stile thumbnails, text again and after that 3 thumbnails again). Is this possible with what you describe?
Thank you a lot.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
There are a couple things. I can easily add text above the top three items on your blog page, but due to the way the HTML and CSS are structured, I have to actually add it “before” the first post at top left. Since there aren’t any parent divs around the first three and then the second three, thinks get pretty messy especially when viewed on a narrower screen/window since the grid display changes to two columns and then one column as things get narrower. Additionally when the display is showing two columns, the third “following events” entry is on the second row with the first “in the making” entry so it could make things confusing for visitors.
I really don’t see a way of doing this cleanly on Boardwalk unless you create a new page template and then write some custom CSS to organize the posts the way you want them. Still with the responsive design, there are going to be some design issues to overcome when things go to two columns.
