Banner Selection in Profile - Repack [Support] (D-NLS)

[Lynx]

This plugin allows Admins to set up a selection of banners that their Members can choose from to have displayed.



Once the Admin has all of the banners entered into the plugin, Members will be able to select which banner they want to show from their Profile > Edit Profile > Personal (tab) page.



WARNING: Once you have the banners in the plugin, do not delete or re-arrange them! Doing so will mess up the indexing of the images - resulting in everyone's current selection being changed / defaulted.

It is also suggested that, when choosing the banners to be made available, that you choose banners with the same height. The Background Size setting should take care of differing widths. The default height is 100px, but this can be changed with some CSS.

It is strongly advised that Admins prohibit Members from using the plugin (click Edit and set to Staff or Custom) until you are satisfied with the entries and order of the banners. The order only dictates where they show in the selection dropdown list.

Also, please note that the plugin will use localStorage if available. If not, then it'll use a cookie. Keep this in mind: For if you clear your cookies and find your banner reset / defaulted, it probably means your info was saved via cookie and not localStorage.

[Hiro]

Hello! I'm trying to change the banner's height, but any edit I make is ignored. I used Firebug and found this


And if I edit it, it works. Thing is, I can't find this anywhere in the actual code... Where can I edit this?


Edit: Solved it

If anyone else needs, just paste this at the end of your Style sheet

#banselect {
background-color: #006cb7;
background-position: left center;
background-repeat: repeat;
background-size: auto auto;
display: table-cell;
height: 300px !important;
overflow: hidden;
padding: 0 20px;
text-align: left;
vertical-align: middle;
}

And change the green text to what you need, and don't remove the !important or it will be ignored!

[Lynx]

Jul 18, 2017 17:26:55 GMT -8 Hiro said:

Hello! I'm trying to change the banner's height, but any edit I make is ignored. I used Firebug and found this


And if I edit it, it works. Thing is, I can't find this anywhere in the actual code... Where can I edit this?


Edit: Solved it

If anyone else needs, just paste this at the end of your Style sheet

#banselect {
background-color: #006cb7;
background-position: left center;
background-repeat: repeat;
background-size: auto auto;
display: table-cell;
height: 300px !important;
overflow: hidden;
padding: 0 20px;
text-align: left;
vertical-align: middle;
}

And change the green text to what you need, and don't remove the !important or it will be ignored!

Actually, you're making more work for yourself. You only need to change the property you want - you don't need to add them all in when they're values are going to remain the same. Your CSS above can be shortened to just this:


#banselect {
  height: 300px !important;
}


As none of the other property values are changing, you don't need to re-add them.