Appearance Portfolio Categories

try this here:

#top .av-current-sort-title {
    float: none;
    text-align: left;
}

#top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat {
    float: left;
}

.av-masonry-sort a {
    display: block;
    text-align: left;
}

.text-sep {
    display: none;
}

maybe it is possible to get the masonry aside to that list. But i have no test installation with that constuction

try this here:

#top div.container .av-masonry .av-masonry-sort {
    float: left;
    clear: none;
    width: 18% !important;
}

.av-masonry-container.isotope {
    clear: none;
    float: left;
    position: relative !important;
    width: 80%;
}

• This reply was modified 8 years, 2 months ago by Guenni007.

aha – from your site i see that this is not a masonry – it is a magazine
this will be nice to know

so i will have a look (thats why a link to your site is a nice thing)

perhaps you do it in a 1/4 3/4 columns greetings
schöne Grüße in die Schweiz

but only from this thread here: https://kriesi.at/support/topic/appearance-portfolio-categories/#post-689486

no – no hack at all.
Meanwile all browser got a kind of developer tools. But i like the first tool in that manner it is called firebug (Firefox Plugin)
On that you can f.e. right click on a heading and choose from context-menu “investigate with firebug” a second window opens and shows you the sourcecode and the concerning css code / the DOM / or script-elements
On that little tool it is possible to simulate f.e. any css changing you want and the screen from firefox shows the changings made for that.
So no live hack – it is a simulated Change with screen control.

To your Problem now.
for some reasons i had to set up the clearing to none . Perhaps this is the reason for double content.
The construct is very strange because the content is there twice ( on klick to a group the all content goes to invisible – look to the source code:

<div class="av-magazine-group sort_all" style="opacity: 1; display: block;">…
<div class="av-magazine-group av-hidden-mag sort_58" style="opacity: 0" display: none;"> …
<div class="av-magazine-group av-hidden-mag sort_45" style="opacity: 0; display: none;">…
<div class="av-magazine-group av-hidden-mag sort_44" style="opacity: 0; display: none;">…

you see how the sorting works – clicking on all the first div with all is visible – the rest is display: none
so there is twice content because all and for each group once!

Try to change first that f.e.

#top .av-magazine-group {
    clear: right;
    display: block;
    float: left;
    width: 70%;
}

if this is not the solution please remove all clearing rules and than i will have a look with my firebug to solve it.