Masonry CSS Classes

Hi Rikard,
thanks for your quick reply

I´ll would like to create a Masonry Menue like this
Picture
Of course are all classes avaiable :)

best regards
Christian

Hi Victoria, my website is currently in scheduled maintenance.
I found that Masonry right here:
Website
Click on the right site and scroll a little bit.
I like the Masonry Menue and the pic format.

I hope it helps
Best regards
Christain

Hi Victoria,
i know thats different. Thats why i´am ask for the CSS Classes :)
for example:

.inner_sort_button {
}
.text-sep {
display: none 
}
.all_sort_button active_sort {
}

This what i have found :)
Do you have the full css code on for the menue?

I try my best and the i´ll post the result right here :)
best regards
Christian

Back again :)
The Result:


I use following settings
#Portfolio Raster / 3 Rows / Medium 300×300 / Yes, display sort options
And here is the css code for free :)

/* Portfolio Raster */

.grid-content {
    display: none;
}
.sort_width_container {
	display: block;
    margin: 20px 0 40px !important;
    padding: 0;
    text-align: center !important;
}
#js_sort_items {
    display: inline-block;
    text-decoration: none;
}
.sort_by_cat a {
background: #000 none repeat scroll 0 0;
    border: 2px solid #000;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 3px;
	margin-right: 4px;
    padding: 13px 20px;
    text-transform: uppercase;
	}
.sort_by_cat a:hover {
	transition: all 0.4s ease-in-out 0s;
    background: #fff;
    border-color: #000;
    color: #000 !important;
}
.avia_transform a .image-overlay {
    transition: opacity 0.4s ease-in-out 0s;
}
.image-overlay.overlay-type-extern .image-overlay-inside::before {
    content: "";
    font-family: "entypo-fontello";
	font-size: 40px;
}
.image-overlay {
    background: #000 none repeat scroll 0 0;
}

But i have one problem:
Why are the images blurred? I have different images sizes. All images are blurred.

Best Regards
Christian

• This reply was modified 7 years, 3 months ago by Kingsfield.