Is there any way to display Illustratr blog posts as tiled like portfolio works?

  • Unknown's avatar
    curiousemily · Member ·

    I have just installed the Illustratr theme and have a blog only. I understand to get the tiled effect you need to use the portfolio option, but is there any way (using CSS) to switch it so my blog posts appear tiled instead?

    If not, is there an easy way for me to quickly turn all my blog posts into portfolio items?

    Thanks!

  • Unknown's avatar
    francisbob · Member ·

    Hi !

    Well, you can’t use CSS to modify the theme files (The behavior for tiled effect is most probably in a mix of PHP/jQuery)

    For switching blog posts to portfolio items, I fear that you need to move them one by one. I’ll flag a mod for this post to be sure there is magic trick to transform all the posts in portfolio items !

    Please subscribe and you’ll receive a notice when someone else will write here.

    Nice pictures by the way :)

  • Unknown's avatar
    jeremeylduvall · Member ·

    Hi there,

    There isn’t an easy way to switch all of your posts to portfolio items I’m afraid. You would need to do this one by one.

    As for having your blog posts display in a tiled fashion, that won’t be possible through CSS as Francis mentioned.

    If you’re just looking for the grid feel with your blog posts, you could try out Oslo:

    http://theme.wordpress.com/themes/oslo/

    That theme has a grid look by default. Would that work for what you’re looking for?

  • Unknown's avatar
    francisbob · Member ·

    Thanks Jeremey !

  • Unknown's avatar
    curiousemily · Member ·

    Bummer! I suspected as much, but thanks for clarifying.

  • Unknown's avatar
    jeremeylduvall · Member ·

    Not a problem! Please let us know if you need anything else.

  • Unknown's avatar
    curiousemily · Member ·

    Thanks Jeremey. :)

    I would like to move the ‘Follow blog’ widget to the top of the page or somewhere visible, neatly, so non-WP users can easily find how to follow it. In your long career of engineering happiness (!), have you got any ideas? (I have the CSS upgrade.)

  • Unknown's avatar
    timethief · Member ·

    @curiousemily
    Will you please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into a thread that will appear in the CSS Forum where you will get the help you need?

  • Unknown's avatar
    timethief · Member ·

    Oops! This is a CSS Forum thread – sorry :(

  • Unknown's avatar
    jeremeylduvall · Member ·

    Hi @curiousemily,

    Moving the Follow Blog widget is going to be really difficult since it’s stuck inside that footer container. One possible solution would be to add the following CSS to permanently expand the container:

    .widgets-wrapper {
    display: block !important;
}
.widgets-area .widget {
    opacity: 1 !important;
}
.widgets-trigger {
    display: none;
}
#secondary:after {
    display: none;
}

    That way, readers can always see your Follow widget. Then, you could add a custom link to your menu bar with the title of Subscribe and include a page jump down to your Follow widget. To do that, edit the text of the Follow widget to add this after both optional text sections:

    <a id="jump"></a>

    It won’t add any additional text to your widget.

    Then, create a custom menu link. As the title, type “Subscribe” (or whatever you would like). Then, under the link, just place the following:

    #jump

    When visitors click the “Subscribe” menu item, they will be immediately taken down to the Follow Blog widget.

  • Unknown's avatar
    curiousemily · Member ·

    You, Jeremey, are a king among men. The shining jewel in the coronet of my adoration and gratitude.

  • Unknown's avatar
    thesacredpath · Member ·

    You, Jeremey, are a king among men.

    He is, isn’t he? :)

  • The topic ‘Is there any way to display Illustratr blog posts as tiled like portfolio works?’ is closed to new replies.