Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #688507

    Hello Guys
    The regular appearance of the portfolio categories is like this:

    All/Administration-Sekretariat/Banken-Versicherungen/Bewachung/Polizei/Zoll/Rettung/Chemie-Pharma-Biotechnologie

    Is ist possible to arrange them in a vertical mode like this without the “/”.

    All
    Administration-Sekretariat
    Banken-Versicherungen
    Bewachung/Polizei
    Zoll/Rettung
    Chemie-Pharma-Biotechnologie

    Many thanks,
    Livio

    #688563

    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 7 years, 6 months ago by Guenni007.
    #688571

    if you want it more specific – set up a custom class to the Masonry

    and for small screen you have to adjust

    
    @media only screen and (max-width: 479px) {
    #top div.container .av-masonry .av-masonry-sort {
        float: left;
        width: 98% !important;
    }
    }
    
    #689482

    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)

    #689486
    #top .av-magazine-top-bar {
        border-bottom: medium none;
        float: left;
        width: 30%;
    }
    
    .av-magazine-sort {
        float: left;
    }
    
    #top .av-sort-by-term a {
        display: block;
        float: none;
    }
    
    #top .av-magazine-group {
        clear: none;
        display: block;
        float: left;
        width: 70%;
    }
    
    #top .all_sort_button.active_sort {
        display: block;
        float: none;
    }
    
    .text-sep {
        display: none;
    }
    
    .av-magazine-group.av-hidden-mag {
        clear: none;
        float: left !important;
    }

    and looks this way:

    • This reply was modified 7 years, 6 months ago by Guenni007.
    #689493

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

    #689824

    Dear Guenni

    Thanks a lot for the support. We will try the solution provided.

    kind regards

    #689938
    #689989

    Hello Guenni007
    Wow, did you hack our site to display the above? How do you did that? Where do you come from?

    I’ve imported the code, and it looks almost fince, but the content is repeating at the end of each column.
    I can’t find the issue yet. Can you have a look at our testsite?

    thanks a lot! It is very much appreciated.
    Livio

    #690200

    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.

    #690202

    aha no the display block is in it from copy paste : remove the display: block rule from #top .av-magazine-group:

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

    the display option and opacity option come from a script i think – and i pasted my changings inclusive this setting – my fault – sorry
    thats it !

    but nevertheless i think 1/4 3/4 will be nicer on that – because “Dienstleistung” “Kaufmännisch” etc are short enough to make that column a bit smaller

    • This reply was modified 7 years, 6 months ago by Guenni007.
    #690204

    Hello Guenni
    Thanks a lot for your speedy reply and your extraordinary and excellent support. It is very much appreciated. I made all the changes and it works.
    I was aware of the 1/4 and 3/4, cause we just changed the layout on monday. But thanks for the tip anyway.

    Wish you a great day and greets to Germany.

    kind regards

    #690209

    Thanks – i’m a participant here too – but i could help you because your nick here on board and a bit of google – helped me to find your site.

    #690675

    Hi,

    happy that @Guenni007 could help you.

    Thanks so much Guenni!

    Feel free to open a new ticket for another question/issue related to the theme. We are happy to support you.

    Best regards,
    Andy

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Appearance Portfolio Categories’ is closed to new replies.