Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

Plugin Online Now : Icon title and put a background

TofTof
edited January 2016 in Vanilla 2.0 - 2.8

VANILLA 2.2
Theme : Bootstrap.
Forum test: http://88.181.151.128:8080

Hi all,

I would like to have the title "Qui est en ligne" as "Toutes catégories": put an orange background and have an icon

Thanks for your help

Tof

Tagged:

Comments

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited January 2016

    You need to add your definition to your language locale.

    $Definition['Online Now']="Qui est en ligne";

    To add style you need to use css

    .OnlineNow.Box h4{
    background:orange;
    }
    

    Not sure about the icon, that normally does not have an icon because it is obvious.. but I will play with it...

  • Options

    Thanks for your help,

    The translation is already in place.

    I put the following code in ccs Editor

    .OnlineNow .Box h4 {
        background-color: #df691a;
    }
    

    I deleted the cache and modification are not applied

  • Options

    By changing h4, it changes all the titles that are h4

    On some pages, this is not good.

    Can we put a class and assign to this class changes colors bacground?

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP

    try using the code bellow it will only affect the titles in the panel boxes

    #Panel .Box h4{
    background:orange;
    }
    
  • Options

    Yeeeessss !!!! Thank @vrijvlinder

    It should be added in the information in the custom.css bootstrap theme !

    Open custom.css located in file:
    folder_of_forum / themes / bootstrap / design / custom.css

    Add the code:

    /* Modification Online */
    #OnlineNow.Box h4 {
    text-align: center;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    background-color: #df691a;
    padding: 3px 15px;
    }
    
Sign In or Register to comment.