Remove Masonry Function in Triton Lite?

  • Unknown's avatar
    cseyferth · Member ·

    I know it goes against what Triton was designed to do, but I want to remove Masonry, and have it revert to CSS Float style. I’ve been using

    .lay1 > div .triton-lite-excerpt {
    min-height: 375px;

    to pad the space under posts, but was wondering how it would look if I removed Masonry completely. My thinking is that as I add posts, I would have to continually adjust the “min-height” number, and things might start to get a little crazy.

    Is this an option at all, and will it end up in more of a structured grid, losing the “Pinterest” look that I’m after?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    cseyferth · Member ·

    Apparently there is a
    .masonry( 'destroy' )
    function, but I’m not sure how I would get it to apply to the container (CSS newb here).

    jQuery Masonry: Methods

  • Unknown's avatar
    designsimply · Member ·

    WordPress.com offers the ability to add CSS to modify the look of a theme, but it does not offer the capability to edit the underlying theme code such as PHP or JavaScript (which is what you are asking to do).

    In order to make a customization such as turning off the masonry script completely, you would need to switch to WordPress.org. See http://support.wordpress.com/com-vs-org/ to learn about the differences.

    Alternately, you can try adding enough CSS to get the look you’re after here on WordPress.com, but you will not be able to completely remove the effects of the masonry script here.

  • Unknown's avatar
    justpi · Member ·

    will it end up in more of a structured grid, losing the “Pinterest” look that I’m after?

    I’m confused here: what’s the difference between the TL masonry and the “Pinterest look”?

  • Unknown's avatar
    cseyferth · Member ·

    justpi – No difference. I’m trying to get rid of it, or find a work around.

  • Unknown's avatar
    justpi · Member ·

    Now I’m even more confused! I thought “I’m after” means the opposite of “trying to get rid of”…

  • Unknown's avatar
    cseyferth · Member ·

    Let me reword my original question…

    “Is this an option at all, and will it end up in more of a structured grid that I’m after, losing the “Pinterest” look that I’m trying to get rid of?”

    ;)

  • Unknown's avatar
    justpi · Member ·

    I see. Designsimply can correct me if I’m wrong, but I think a “structured grid” would require featured images of fixed dimensions, and these dimensions aren’t determined via CSS.
    So why use Triton Lite instead of a theme that does have such a “structured grid” (for instance Hero or Mixfolio)?

  • Unknown's avatar
    designsimply · Member ·

    I think you might be able to get that structured grid look while still using masonry at the same time—with a little work. If you sized all of your images to use the exact same dimensions and then used custom CSS to force post titles and text to a specific height on the home page (or carefully limited both post titles and excerpts to be a certain length), then you may be able to get it working.

    Here is some example CSS you can try as a test:

    .lay1 > div p {
	line-height: 1.3em;
	height: 2.6em;
	overflow: hidden;
}

.lay1 > div .postitle a {
	display: block;
	height: 1em;
	overflow: hidden;
}

    Note that the featured image dimensions also have to I’ll be matching for it to work, and there can’t be any posts that are missing featured image or it will throw the grid off.

    Here are a few related pages in case they’re helpful:
    * http://en.support.wordpress.com/featured-images/
    * http://en.support.wordpress.com/splitting-content/excerpts/

    I’ve seen at least one blog do this and the effect was pretty cool.

    @justpi’s suggestion to use a different theme is also a good alternative.

  • The topic ‘Remove Masonry Function in Triton Lite?’ is closed to new replies.