This topic has 22 replies, 3 voices, and was last updated 7 years by 
-
-
I have 3 questions pertaining to the groups display.
1) I cannot, for the life of me, figure out how to properly display the “active groups” on my homepage. They show up about 2 inches in diameter and I don’t know how to make them smaller.
2) The Custom Heading shows up several inches above the groups and I cannot figure out how to get it closer. I have no margins or padding set! Help!
3) I also bought Sweet Date which I was going to use originally but it did not do what I wanted so I bought Kleo. I would love to display the active groups exactly how it is shown in the Sweet Date demo – is that possible? I like the size of the group images and I like the little circles inset with # of group members displayed. How can I set that up using Kleo (not Sweet Date)?
Thank you!!!
Hello, could you turn off maintenance or check credential? As i am not able to login
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura 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 🙂
FYI, I added the group widget in the same area, so now there are two sets of group circles. Whichever is easier to fix, let me know. I want to style it exactly as shown on Sweet Date with the group description next to the circle and the mini circles with # of members in each group. Thank you!! If you don’t respond tonight I will put my site back on maintenance until Monday.
Hello, you can hide the first group one and use the second using this css at style.css of child theme
COPY CODE.kleo-gallery.animate-when-almost-visible.start-animation a { width: 15%; margin: auto 0 !important; margin-left: 8% !important; }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura 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 🙂
Thanks but that code did not seem to change anything on my site. I put it in the Theme Options >> General Settings >> Quick CSS area… is that okay?
Hello, at it at style.css of child theme, at Appearance > Editor
Also make sure to clear cache 🙂Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura 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 🙂
Not sure how to clear cache. I am not seeing any difference using your code in css file. I don’t see any titles of the groups being displayed and there are no spaces in between the group circles, and no mini circles with # group members being displayed. I am attaching screenshots of what I want to achieve (Sweet Date specs) vs what is showing up on my site right now. Thanks.
Hello, sweetdate and kleo are different themes, you cant get the exact same look as they are totally different styles. There is a buddypress groups widget, you can use that one instead inside the widgetized sidebar element at visual composer.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura 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 🙂
As it stands now, neither one is a usable option. There should be a way of making the circles smaller and having padding around them. The bbpress widget shows really small circles vertically aligned rather than in a row and that is not usable at all. If we forget about having rows and columns with text, can we just add code that will make the circles slightly smaller with space in between them?
I switched to the groups carousel but am having the same problem with no spacing in between the circles. Also, I set the circle width to 150px but it is appearing much larger. Can you advise? I’m surprised no one else ever had this issue but I don’t find anything in the support forum about this.
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 solutionLaura 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 🙂
Hi,
The image with its control only the image width, not the entire container, too can have the carousel smaller just create a new row and divide it by 3 but the middle column to be larger
See the next screenshot :
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionI have two questions in response to your direction:
1) I can figure out how to get 3 equal columns but how do I make the middle column wider?
2) How do I put these 3 columns into my inner container with my background image and custom headers? They all need to sit on the same background image. Thanks.Okay I figured out how to do it based on your instructions, thank you. So the group circles are smaller now. But they are still touching each other. How do I put a bit of a space in between each group circle so they are not touching?
Hi,
I see you can have more space beetween circles using this css
COPY CODE.kleo-carousel-items.kleo-groups-carousel ul li { padding: 0 20px; }The css will be added to wp-admin -> theme options -> General settings -> Quick CSS
Simply add the background to entire row.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThanks. I had switched to using the groups grid, not carousel. Do you have the code for the groups grid, to make space between each circle? If that is not possible, how can I reduce the size of the circles in the carousel? There is a place to put the image width but when I input a number, it does not change the size of the circle at all. The reason I want smaller circles is because the images appear blurry on my screen unless they are smaller like the size in the groups grid. Thanks for your help!!
Hi,
Sure,
That’s the CSS that makes more space between circles using Groups GRid
COPY CODE.kleo-gallery .kleo-thumbs-images a img.photo { padding: 40px; }The css will be added to wp-admin -> theme options -> General settings -> Quick CSS
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionHi,
That’s will affect all carousels from the page and for groups will be ok not for members.
I will access your dashboard right now and I will add a specific class for the elements to can target specific carousels. I will let you know when it’s done.
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThe provided credentials, not works,
Can you provide the correct ones, I will solve both issues, with groups space and also with the member carousel space between circles.
https://archived.seventhqueen.com/forums/topic/setting-up-top-members-with-filters/#post-168877
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionFYI, that fixed both the groups and the members circles on the homepage. Yay!
I wanted to let you know that I put all code in the Appearances/Editor area rather than the quick CSS on Theme Options because that is what I was originally told to do.
Greatttt
Have a nice week
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
You must be logged in to reply to this topic.
