Setting up Top Members with filters

[wildbug]

Is it possible to set up the Top Members on my Homepage with the filters for newest, active and popular, as shown here (taken from demo for Sweet Date, which I also purchased)? If so, please tell me how. Thank you!

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, you can use the members widget at Appearance > Widgets or using visual composer element 😀

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[wildbug]

How would I style it– can you tell me how to get the size of the circles to show up as the attached screenshot I included, how to remove the square border around it as shown in my second attachment, how to get the member name and date joined centered underneath the photo as shown rather than on the side in my second attachment? Thank you!

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, i can’t view your site and access seems blocked, can you turn maintenance off or give me a new login? 🙂

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[wildbug]

This reply has been set as private.

[Laura]

Hello, please try adding this to style.css of child theme

COPY CODE

#members-list .avatar {
    width: 100px !important;
    height: 100px !important;
    border-radius: 0px !important;
    border: none !important;
}
#members-list .item-avatar {
    border: none !important;
    width: auto !important;
}
li.vcard {
    width: 20% !important;
}
.item {
    float: left;
    margin-top: 15% !important;
    margin-left: -44% !important;
    padding-bottom: 40px;
}
.item-title.fn a {
    color: white !important;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[wildbug]

Thank you! That got the member name and active time under the photo but the photo is showing as square and I wanted circles. How can I fix that? Thanks again!

[wildbug]

Also, can I center the member name and active time under the photo?

[Laura]

Hello, then delete border-radius: 0px !important; and border: none !important; from the first item 🙂
I saw you changed it so there is not text now

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[wildbug]

I would like the text to be centered under the photos like in the original screenshot I posted of the SweetDate site. I added the code to the css file in Editor but the text is still not centered (click on “Newest” to see long text and how it is left-aligned). Also, is there a way to get the same bar underneath the filters that tells you if you are viewing Newest, Active or Popular? Thanks!

[wildbug]

Also, the circles are slightly larger in the Sweet Date example. Can I enlarge the photo circles slightly?

[Laura]

Hello, try by adding this to style.css of child theme

COPY CODE

.item {
    text-align: center !important;
}
.item {
    float: left;
    margin-top: 15% !important;
    margin-left: -50% !important;
    padding-bottom: 40px;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[wildbug]

This did not work either so I have given up on this one…

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[wildbug]

Well I ended up using the members grid and I am happy with the circle size as it stands now. But I would like to put a 10px space between the member circles. Can you help with that? Or if I have to use the widget as before, please help to center the username and activity info under the text and make the circles slightly larger, if possible. Thank you!

[Radu]

Replied you in the group grid ticket concerning also this matter
Cheers
R.

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

What support service includes ? What not ?

[Author]

Posts