This topic has 15 replies, 2 voices, and was last updated 11 years by Gapron.

  • Author
  • #2156
     Gapron
    Participant

    Hi again,
    I hope everything is going fine with your guys over there. For starters I would like to thank you again for a great job, I’m really enjoying the theme.

    I would know, how can I achieve the followings:

    1. I would like to change the way groups are display on the homepage, right now they are in full circle, I would like to have them look like here. http://www.peopleperhour.com/ just the image, but the groups names short description and view groups can ramin the same but centered.

    2. How can show 8 groups instead of 4 groups only?

    3. Last but not the least. In the Member online areas one the homepage. there are:

    Members in Total, Members Online, Freelancers Online, Employers Online
    The Members in Total and Members Online works fine, but the Freelancers Online which was men online and Employers Online which was Women online doesn’t work. How can I make then Show the numbers?

    Thanks,
    Jeremie

    #2199
     SQadmin
    Keymaster

    Hi,
    We’re fine thank you. Just released v2.0 and we need some sleep 🙂
    1. add this css to make the image square to Sweetdate -> Styling options -> Quick css

    COPY CODE
    
    #groups .avatar {border-radius: 0;}
    

    to change the structure you need modifications of the shortcode.
    2. Also changes to a function. Let me take a closer look and will let you know the solution.
    3. This is easy. you need to change the shortcodes type attribut to match your new field value, like type=”Employer”

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

    Hi again,

    Congratulation for the new release I’ve already updated mine. Regarding the group setup, I see that you have the same way I would like to have it for the group on the shop section.

    Would the above code helped?

    Thanks,
    Jeremie

    #2223
     SQadmin
    Keymaster

    The shop section is a different template and is rendered by woocommerce

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

    Ok, I’ve put the code as you said, but the group description and view group is still on the right side, and there is no borders. How can I put the borders and the description below? Just as I show you on the above link.

    #2236
     SQadmin
    Keymaster

    In addition to the style that makes the images square I did this custom function for you. Is the best I could do. You can style it further:
    http://d.pr/n/tdvh

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

    Hi,

    Thanks a lot, but where should I put that code?

    #2245
     SQadmin
    Keymaster

    Oh sorry 🙂
    Add it to wp-content/themes/sweetdate-child/functions.php
    Make sure to have the sweetdate-child theme activated.

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

    Thanks a lot 🙂 let me try it right away.

    #2249
     Gapron
    Participant

    Ok it works but, you forgot to put in the borders, and I wanted them to show 8 groups instead of 4 only.

    #2349
     SQadmin
    Keymaster

    Hi,
    You could have looked over the code and changed ‘kleo_recent_groups_max’,4 to ‘kleo_recent_groups_max’,8
    I don’t see any border there, the boxes have no border in the that site

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

    yes I understand, but I would like to have border, in there a way to achieve that. ?

    #2355
     SQadmin
    Keymaster

    Ok. add this style to Sweetdate -> Styling options -> Quick css

    .home #groups .group-item {border:1px solid #ccc; }
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #2356
     Gapron
    Participant

    Hi, it create the borders but has destroy it, please just have a look (www.afrelancer.com) it should be separate from one another.

    #2370
     SQadmin
    Keymaster

    Oh I see what you mean, change it like this please:

    COPY CODE
    
    .home #groups .group-item .text-center {border:1px solid #ccc; }
    .home #groups .item-header-avatar {max-width:auto;}
    

    The second line is to have the image as larger as the box

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

    Hi there,

    Thanks a lot it works perfectly, I had to change auto to 211px in order to fit the image with the borders.

Viewing 16 posts - 1 through 16 (of 16 total)

The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?