Support » Theme: Cubic » Show "Blogs" on static page as "Posts" on first page are

  • Hi,

    I am working on a cube theme and want to change it a bit. I installed plugin “WP Blog and Widget”. What it does is that it integrates blog or several of them into the selected (static) page with a syntax like this

    [blog limit=”10″]

    Plugin also makes menu “Blog” in the admin-page. Similar as “Posts” are.

    What bothers me is that “blogs” on my page are not appeared as regular “posts”. Instead of that it shows “blogs” images and intro-text in regular way with no hover effects. Can you help me with that?

    My work in progress page is here http://moment.si/nowa/
    First page is at the moment “static” page with [blog] syntax in it. The regular posts page you get if you click on “Menu -> Posts”

    Thank you and Mary Christmas!

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Show "Blogs" on static page as "Posts" on first page are’ is closed to new replies.