Jump to content

Archived

This topic is now archived and is closed to further replies.

nickgorevic

Customize Masonic grid

Recommended Posts

nickgorevic

I'd like to use masonic grid in the image/masonry style, but I'd like to remove all the date information and also the little sun logo and the sort: all text that you see in the attached photo. Is that possible with a bit of css? Basically I only want the title (alsace in this case) and the page name (domaine binner) to show up. 

Screen Shot 2015-09-22 at 4.30.34 PM.png

Share this post


Link to post
Share on other sites
batman

Hi nickgorevic

Please, you can try add in your child theme or Custom LESS/CSS

.pl-grid-text .pl-grid-metabar {
display: none;
}


.pl-grid-meta {
display: none;
}


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
nickgorevic

That worked perfectly for everything except the Sort: All in the top right corner. I don't really even understand what that sort is for? Is there some way I could have different types of pages in one Masonic grid and then that sort menu would have the different page types listed there?

Share this post


Link to post
Share on other sites
batman

HI again

Yes, you can have post or page, also you can have different post which have a certain meta key and corresponding meta value.
;)

You can take a look to one of me test pages

http://distanciafocal.com.ar/nuevo-inicio-prueba/

 

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
nickgorevic

How how do I have more than one meta key value displayed?

Share this post


Link to post
Share on other sites
nickgorevic

I see that on your site you have posts displayed. I am displaying  pages. Is it possible to display pages like that? If not I would just like to get rid of the "sort: all" text.

Share this post


Link to post
Share on other sites
batman

Hi again

Yes, you can display pages, this is one of the option in the section, you take a look to this 

http://screencast.com/t/1ZoS9oP4wn

Add this code

.masonic-header-content-pad .masonic-title {
display: none;
}


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites

×