Support » Plugin: Multi-column Tag Map » List tags horizontally instead of vertically?

  • The tag taxonomy currently progresses vertically. How can I have it to progress horizontally? For example, I have 5 columns. Currrently all “B” items are listed below the “A” items. And all “C” items are below the “B” items. I would like the “B” items to be listed besides the “A” items. Then proceed to “C”, “D” and “E” horizontally, before moving to the next row below with “F”, “G”, “H” and so on.
    Many thanks in advance.
    LJL

    https://wordpress.org/plugins/multi-column-tag-map/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author tugbucket

    (@tugbucket)

    https://css-tricks.com/snippets/css/a-guide-to-flexbox/

    https://wordpress.org/plugins/multi-column-tag-map/installation/

    css3: If set to “yes” this will remove the divs that split the columns. Note that this will affect many of the settings above. You will need to know some CSS to get the most out of this.

    Thread Starter cfibanez

    (@cfibanez)

    This did the trick for me:
    manual=”A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,0,1,2,3,4,5,6,7,8,9″

    Thread Starter cfibanez

    (@cfibanez)

    I added the display and flex-direction CCS codes from here https://css-tricks.com/snippets/css/a-guide-to-flexbox/ to the mctagmap.css file but nothing happened!!!

    Thread Starter cfibanez

    (@cfibanez)

    CORRECTION
    Using the manual=”A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z…” function geenrates funky floating columnc and it does not look good.
    Please help!

    Plugin Author tugbucket

    (@tugbucket)

    You are not giving enough information about your issue. If you are going to use flexbox, you don’t add CSS to the file. You add it through the admin and you MUST use the css3=”yes” option.

    css3: If set to “yes” this will remove the divs that split the columns. Note that this will affect many of the settings above. You will need to know some CSS to get the most out of this.

    If you are trying to use manual and css3, you are doing it wrong.

    patternreplicas

    (@patternreplicas)

    Hi! I am looking to have it progress horizontally also (or the alternative of keeping the Alphanumeric flex containers in blocks and the flex items in equal length columns inside them)
    My page at present: http://nutricao-em-fatos.org/topicos-de-saude/
    An example of what I look for: http://nutritionfacts.org/topics/

    – I have css3=”yes” in the shortcode (I realize that number of columns looses effect from that moment on)
    – I added this in the Custom CSS Including Media Queries Box, in the Options:
    .container {
    display: flex;
    flex-direction: row;
    }
    – Ticked the box”Use this css instead”
    No results.

    Can you point what I’m missing?

    patternreplicas

    (@patternreplicas)

    OK, realized those were not the css selectors. But even substituting them by .tagindex and .tagindex ul, I only managed to display one column of block containers for each leter, and the items ordered in rows – not aligned in columns though, making it very hard to read through them.

    Can we order them as in the example I linked above?

    patternreplicas

    (@patternreplicas)

    Hi @tugbucket! Can you please share a direction to how I can figure this out?

    cheers

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘List tags horizontally instead of vertically?’ is closed to new replies.