This topic has 7 replies, 3 voices, and was last updated 7 years by Radu.

  • Author
  • #95438
     frankypiccolo
    Participant

    Hello!

    On the members directory page, I would like each members ‘box’ to have a fixed height. As of now the layout is tiled (4 members per row).

    1. Is there a way to set a fixed height for each member?
    2. Can you have 3 members/row instead of four?
    3. Is it possible to have a simple list of the members instead?

    It looks a bit off when it’s not aligned properly.

    Happy new year!

    Attachments:
    You must be logged in to view attached files.
    #95585
     Radu
    Moderator

    Hi,

    1. add this css to wp-admin -> theme options -> quick css

    COPY CODE
    
    body.members li.kleo-masonry-item .member-inner-list {
        height: 155px !important;
    }
    

    For the rest of steps is not an easy to do this and it require some dedicated time of work and i suggest you to hire a developer.

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #95587
     frankypiccolo
    Participant

    Thank you Radu. If someone has a really long username, it doesn’t fit in its box. I can’t figure out a way to fix this with css. Maybe it’s not possible?

    Attachments:
    You must be logged in to view attached files.
    #95605
     Radu
    Moderator

    I need website URL

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #148432
     ClaudeG
    Participant

    OK, it works for height. Can I fix width also? Unless it is fixed, it is to messy to be usable.
    Thanks.

    #148603
     Radu
    Moderator

    @GlaudeG

    I need to see the page first

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #148615
     ClaudeG
    Participant

    Thanks Radu!
    I think I resolve my problem with those lines in css:

    body.members li.kleo-masonry-item .member-inner-list {
    max-width: 285px !important;
    }
    body.members li.kleo-masonry-item .member-inner-list {
    min-width: 285px !important;
    }

    That’s the way I’ve found to get a fixed widht

    My page: http://artistesetartisansdebeauce.qc.ca/membres/

    #148735
     Radu
    Moderator

    Ok then
    Yes, with those selectors you can do that.

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 8 posts - 1 through 8 (of 8 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?