Puedes establecer un color de fondo diferente para las publicaciones de grupos de usuarios específicos. Por ejemplo, puede hacer que el color de fondo sea dorado para las publicaciones de los usuarios del grupo de usuarios General mientras las publicaciones de otros usuarios sigan teniendo el color predeterminado. Siga las instrucciones que se indican a continuación:

1. Inicie sesión en su cuenta de Website Toolbox.
2. Haga clic en el Integrar enlace.
3. Haga clic en el Código personalizado enlace.
4. Copia el código HTML que aparece a continuación y pégalo en el Código HTML de la etiqueta principal del foro cuadro de texto:

<style>
.post-body.wt-general-post {
    background-color: #f5efd7;
}
.post-author.wt-general-post .post-arrow {
    border-right-color: #f5efd7;
}
@media (max-width: 720px) {
    .post-author.wt-general-post {
        background-color: #f5efd7;
    }
}
</style>
<script>
var groupCustomClass = {
        'GENERAL-GROUP-ID' : 'wt-general-post'
    };
    function changePostBackgroundColor() {
        if(jQ('.post-body-wrapper').length) {
            jQ('.post-body-wrapper .post-body-author .display_name a').each(function( index ) {
                var postAutherDivId;
                var postDivId = jQ(this).closest('.post-body').attr('id');
                if(typeof postDivId != "undefined" && postDivId != "" && postDivId.indexOf('post_list_') > -1) {
                    postAutherDivId = postDivId.replace(/post_list_/g,"post_row_");
                }
                if(typeof postAutherDivId != "undefined" && postAutherDivId != "") {
                    var className = jQ(this).attr('class');
                    var classArray = className.split(' ');
                    jQ.each(classArray, function(index, value) {
                      if(typeof value != "undefined" && value != "" && value.indexOf('usergroup') > -1) {
                        var groupid = value.replace(/usergroup/g,"");
                        console.log("=groupid="+groupid+"=postAutherDivId="+postAutherDivId+"=class="+groupCustomClass[groupid]+"=end=");
                        if(typeof groupid != "undefined" && groupid != "" && groupid) {
                            jQ('#'+postDivId+'').addClass(groupCustomClass[groupid]);
                            jQ('#'+postAutherDivId+' .post-author').addClass(groupCustomClass[groupid]);
                            return false;
                        }
                      }
                    });
                }
            });
        }
    }
    // Change post back ground color when DOM loaded.
    window.addEventListener("DOMContentLoaded", function(){
        changePostBackgroundColor();
    });
    // Change post back ground color when create a post.
    document.addEventListener('replyPosted', function(event) {
        changePostBackgroundColor();
    });
    // Change post back ground color when edit a post.
    document.addEventListener('postEdited', function(event) {
        changePostBackgroundColor();
    });
</script>

5. Cambiar el código de color #f5efd7 en el código anterior con el que necesita en los tres lugares. #f5efd7 representa el color azul. Haga clic código hexadecimal para obtener el código de color de un color diferente.
6. Recupera el ID del grupo de usuarios.
7. Sustituir el texto IDENTIFICADOR DE GRUPO GENERAL en el código anterior con el ID del grupo de usuarios recuperado en el paso 6.
8. Guardar tus cambios.

Este es un ejemplo de una publicación destacada: