Title: Using it As a Gift Plugin
Last modified: August 30, 2016

---

# Using it As a Gift Plugin

 *  Resolved [msilent](https://wordpress.org/support/users/msilent/)
 * (@msilent)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/)
 * 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://wordpress.org/plugins/buddypress-compliments/](https://wordpress.org/plugins/buddypress-compliments/)

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

 *  Thread Starter [msilent](https://wordpress.org/support/users/msilent/)
 * (@msilent)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/#post-6742434)
 * [https://drive.google.com/file/d/0B0S8aTXj2CVNWlg3X2lldU1hVnM/view?usp=sharing](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](https://wordpress.org/support/users/viruthagiri/)
 * (@viruthagiri)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/#post-6742586)
 * 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](https://wordpress.org/support/users/msilent/)
 * (@msilent)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/#post-6742593)
 * Thank You so much its work Perfect now thanks alot.. 🙂
 *  [namrons](https://wordpress.org/support/users/namrons/)
 * (@namrons)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/#post-6742740)
 * [@viruthagiri](https://wordpress.org/support/users/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](https://wordpress.org/support/users/viruthagiri/)
 * (@viruthagiri)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/#post-6742741)
 *     ```
       @media (max-width: 480px) {
             .comp-form-ul li {
                 width: 100% !important;
              }
       }
       ```
   
 * Try that code. paste it in custom css
 *  [namrons](https://wordpress.org/support/users/namrons/)
 * (@namrons)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/#post-6742742)
 * Yes that works great. Thanks very much ….and I added this for comp-modal:
 * [@media](https://wordpress.org/support/users/media/) (max-width: 480px) {
    .comp-
   modal { max-width: 300px !important; } }
 * It works but may need improvement?
 *  [Viruthagiri](https://wordpress.org/support/users/viruthagiri/)
 * (@viruthagiri)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/#post-6742743)
 * 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.

 * ![](https://s.w.org/plugins/geopattern-icon/buddypress-compliments_ed6d62.svg)
 * [BuddyPress Compliments](https://wordpress.org/plugins/buddypress-compliments/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/buddypress-compliments/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/buddypress-compliments/)
 * [Active Topics](https://wordpress.org/support/plugin/buddypress-compliments/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/buddypress-compliments/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/buddypress-compliments/reviews/)

## Tags

 * [gift](https://wordpress.org/support/topic-tag/gift/)

 * 7 replies
 * 3 participants
 * Last reply from: [Viruthagiri](https://wordpress.org/support/users/viruthagiri/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/using-it-as-a-gift-plugin/#post-6742743)
 * Status: resolved