Title: [Plugin: amr-users] Custom CSS Needed
Last modified: August 20, 2016

---

# [Plugin: amr-users] Custom CSS Needed

 *  [shaische](https://wordpress.org/support/users/shaische/)
 * (@shaische)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/)
 * I have noticed that the users list page is using this css part from my default
   theme css:
 * .entry{line-height:1.7em; padding:0 15px 0 0; margin:0; font-size: 16px; }
 * I need to create a custom css for that one css rule. Which html/php file creates
   the users list on the site and has the .entry division in it? So that I can rename
   the .entry division and hook it up to a new css rule?
 * Or is there a better/different way of customizing the look of the users list?
 * [http://wordpress.org/extend/plugins/amr-users/](http://wordpress.org/extend/plugins/amr-users/)

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

 *  Plugin Author [anmari](https://wordpress.org/support/users/anmari/)
 * (@anmari)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579522)
 * Thats from your theme I think
 * better way perhaps would be to bracket the shortcode with a <div id=”mylist”>
   [
   userlist] </div>
 * and then style in either your themes css or wordpress custom css.
 *  Thread Starter [shaische](https://wordpress.org/support/users/shaische/)
 * (@shaische)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579535)
 * That doesn’t do anything because it still uses the .entry from my theme css. 
   I need to know what file I can edit so that I can remove the .entry division 
   from it and switch it with my own division so that it can point to my own css.
 * Where can I find the html or php file that contains that division and lists the
   users?
 *  Thread Starter [shaische](https://wordpress.org/support/users/shaische/)
 * (@shaische)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579536)
 * And I don’t think it’s right to make the plugin point to your theme’s css, it
   should have its own css file.
 *  Moderator [Jan Dembowski](https://wordpress.org/support/users/jdembowski/)
 * (@jdembowski)
 * Forum Moderator and Brute Squad
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579538)
 * [@anmari](https://wordpress.org/support/users/anmari/), that’s a clever plugin.
   Thanks for sharing that. 😉
 * >  And I don’t think it’s right to make the plugin point to your theme’s css,
   > it should have its own css file.
 * [@shaische](https://wordpress.org/support/users/shaische/) Not to be curt, but
   that’s a free plugin which anmari put time into. You could always code your own.
 * But perhaps you didn’t mean that the way I read it? 😉 Anyways, this might help
   you out.
 * In your `wp-content/plugins` directory, create a file called `wrap-amr-users.
   php` and copy these lines into it.
 *     ```
       <?php
       /*
       Plugin Name: Wrap amr-users in div
       */
       if ( function_exists( 'amr_userlist' ) ) {
               remove_shortcode( 'userlist' );
               add_shortcode( 'userlist' , 'css_amr_userlist' );
       }
       function css_amr_userlist( $att ) {
               $html = '<div class="amr-userlist"><!-- wrap amr_userlist in div -->';
               if ( function_exists( 'amr_userlist' ) ) $html .= amr_userlist( $att );
               $html .= '</div><!-- /wrap amr_userlist in div -->';
               return $html;
       }
       ```
   
 * The Pastebin link is here.
 * [http://pastebin.com/AZuFnD3U](http://pastebin.com/AZuFnD3U)
 * Go to your Plugins page and activate “Wrap amr-users in div”.
 * This will remove the old `add_shortcode` and re-add it but this time wrapped 
   in a `<div class="amr-userlist">`.
 * If the amr-userlist plugin is not activated, then this plugin will do nothing.
 * You’ll still need to style it in your theme’s style sheet but now you can use
   a unique CSS rule for that without using `.entry`.
 *  Moderator [Jan Dembowski](https://wordpress.org/support/users/jdembowski/)
 * (@jdembowski)
 * Forum Moderator and Brute Squad
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579540)
 * Note: For this to work, activate amr-users first. That should make sure that 
   plugin is in the active_plugins option array first.
 * Then activate this plugin.
 *  Plugin Author [anmari](https://wordpress.org/support/users/anmari/)
 * (@anmari)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579557)
 * [@jan](https://wordpress.org/support/users/jan/) – thanks for chipping in
 * [@shaische](https://wordpress.org/support/users/shaische/), I am not trying to
   be sarcastic, this is a genuine suggestion. It seems it would be helpful to you
   to expand your html/css knowledge: Specifically wrt css inheritance, cascading
   and specificity. I think this would help you understand what is going on here.
 * a possible links:
    [http://www.webdesignfromscratch.com/html-css/css-inheritance-cascade/](http://www.webdesignfromscratch.com/html-css/css-inheritance-cascade/)
 * Please note the following:
    1.  any html generated by any plugin in a shortcode will fall within the html of
        your page and therefore could possibly be affected by theme css.
    2.  Most of the time this is desirable so that the added code looks like it ‘belongs’
        with the rest of the site
    3.  sometimes the theme’s css has not anticipated how some css it applies to achieve
        an effect say in a sidebar may impact content within a post or page (maybe 
        it is not specific enough) or clashes with the html produced by a plugin and/
        or any generated css
    4.  In my plugins I usually offer a plugin css which is tested with the default
        wp themes so that the html generated will look good at least in those themes
    5.  for some themes, this css is not helpful, therefore I usually offer an option
        to NOT have the plugin css. . In that case The plugin does not POINT to the
        theme css – it is simply that that is how html and css works in browsers – 
        the plugin html may inherit css properties from the themes html’s css, depending
        on how the css is specified
    6.  A web developer’s challenge then is how best to correct the situation – depending
        on what the conflict is, one simply needs a html selector to pin some css too,
        and a place to add that css. (either by editing the theme css if you do not
        need to upgrade it ever (eg own theme) or using something like [http://wordpress.org/extend/plugins/safecss/](http://wordpress.org/extend/plugins/safecss/).
        That is what the instructions above were trying to give you. In retrospect,
        the instructions may not be necessary. The user list itself has an id or a 
        class you could use to style the tables.
         `<table id="userlist3" class="userlist"
        >`
    7.  See here for example: [http://test.icalevents.com/other-testing/user-list-demo/](http://test.icalevents.com/other-testing/user-list-demo/)
        
        If you need to style the search forms, then yes you need a wrapper html selector
        as described in various ways above to isolate that html for your new css. Quite
        frankly, simple html around the shortcode should be sufficient, (as one has
        to enter the shortcode anyway)
    8.  your theme may even give you a id to style the page the list appears on without
        any addition markup. eg the default theme does
         `<div id="post-3425" class="
        post-3425 page type-page status-publish hentry">`
    9.  So then one could add css with
         #post-345 table.userlist or #post-345 form 
        etc….
 * Hope that all helps!
 *  Thread Starter [shaische](https://wordpress.org/support/users/shaische/)
 * (@shaische)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579560)
 * Thank you Jan Dembowski and I apologize if my comment sounded off, did not intend
   for that, was just simply stating my opinion at that moment but now realize a
   different css would indeed probably cause more styling issues instead.
 * I was also wondering how one could go about adding another column with the option
   to input a custom url pointing to the user’s profile? Like the one Profile Builder
   Pro plugin does, it has an arrow next to each user row at the end which once 
   clicked points to the link: [http://www.site.com/users-list/](http://www.site.com/users-list/)**?
   userID=21**
 * I am using that plugin in conjunction with this one but I use amr to list the
   users and the profile builder pro so people can create their profiles (don’t 
   like their listing options 🙂 )
 * Thanks!
 *  Thread Starter [shaische](https://wordpress.org/support/users/shaische/)
 * (@shaische)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579561)
 * Or better yet.. just make their profile pics and user nicknames clickable and
   point to the custom url instead.
 *  Plugin Author [anmari](https://wordpress.org/support/users/anmari/)
 * (@anmari)
 * [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579575)
 * shaische – are you using latest version?
    That functionality is all there. In
   the list settings, give a field a non-zero display order (ie column) – as many
   as you want. Save. Then configure the settings for that field eg: the linktype
 * also see
    [http://wpusersplugin.com/2860/adding-a-link-to-user-list-field/](http://wpusersplugin.com/2860/adding-a-link-to-user-list-field/)
   and [http://wpusersplugin.com/category/user-lists/amr-users-documentation/](http://wpusersplugin.com/category/user-lists/amr-users-documentation/)(
   still cleaniing up the doco)

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

The topic ‘[Plugin: amr-users] Custom CSS Needed’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/amr-users_f6f6f4.svg)
 * [amr users](https://wordpress.org/plugins/amr-users/)
 * [Support Threads](https://wordpress.org/support/plugin/amr-users/)
 * [Active Topics](https://wordpress.org/support/plugin/amr-users/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/amr-users/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/amr-users/reviews/)

 * 9 replies
 * 3 participants
 * Last reply from: [anmari](https://wordpress.org/support/users/anmari/)
 * Last activity: [14 years, 2 months ago](https://wordpress.org/support/topic/plugin-amr-users-custom-css-needed/#post-2579575)
 * Status: not resolved