Using it As a Gift Plugin

Resolved msilent
(@msilent)

10 years, 6 months ago

Hello, First of all i really appreciate your effort an work behind this Plugin you done a amazing job by creating this plugin because there is no other such good gift plugin i found which can works with buddy-press and My-cred both,
1- I just have a few question right now its having two columns in the pop-up box to show compliments or gift how can i make it 4 like i showed in example image attached.

2- Secondly is there any way to have multiple pages in pop-up box if gifts or compliments increased as i have to put more gifts.

Thank You in advance.

https://ww.wp.xz.cn/plugins/buddypress-compliments/

Viewing 7 replies - 1 through 7 (of 7 total)

Thread Starter msilent
(@msilent)

10 years, 6 months ago

https://drive.google.com/file/d/0B0S8aTXj2CVNWlg3X2lldU1hVnM/view?usp=sharing

kindly see the screenshot i had created in above link, i want to show gifts like this and having pages section down there

thank you
Viruthagiri
(@viruthagiri)

10 years, 6 months ago
To display it in 4 column use this css
```
.comp-modal {
    width: 800px !important;
    left: 25% !important;
}
.comp-form-ul li {
   width: 25% !important;
}
```
As for pagination, its not possible at this moment. So please try alternative methods.
Use scroll method.
```
.comp-form-ul {
    height: 160px !important;
    overflow-y: scroll;
}
```
Please paste the code I mentioned in BP compliments Custom CSS settings.
Thread Starter msilent
(@msilent)

10 years, 6 months ago

Thank You so much its work Perfect now thanks alot.. 🙂

namrons
(@namrons)

10 years, 5 months ago

@viruthagiri This 4 column CSS works well on tablet and PC screen width, but do you have a suggestion for CSS that will adapt to single column if on a narrow smartphone?
Viruthagiri
(@viruthagiri)

10 years, 5 months ago
```
@media (max-width: 480px) {
      .comp-form-ul li {
          width: 100% !important;
       }
}
```
Try that code. paste it in custom css
namrons
(@namrons)

10 years, 5 months ago

Yes that works great. Thanks very much ….and I added this for comp-modal:

@media (max-width: 480px) {
.comp-modal { max-width: 300px !important;
}
}

It works but may need improvement?

Viruthagiri
(@viruthagiri)

10 years, 5 months ago

Your code is fine. if that code works, then keep it.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Using it As a Gift Plugin’ is closed to new replies.

Tags