The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
2 posters

    The links won't change colours

    XIII. Sixtus
    XIII. Sixtus
    New Member


    Posts : 4
    Reputation : 1
    Language : Hungarian, English

    In progress The links won't change colours

    Post by XIII. Sixtus April 28th 2018, 10:19 pm

    Technical Details


    Forum version : #PunBB
    Position : Founder
    Concerned browser(s) : Mozilla Firefox
    Who the problem concerns : All members
    When the problem appeared : Since the very beginning
    Forum link : http://szuleink.hungarianforum.com/

    Description of problem

    Good evening to all! My problem is the following:
    We have been trying to transfer our forums from PHPBB3 to PunBB, my forum is a testforum. All works meravigliously, all but one thing: I have a custom legend and a nice table in it, here is the relevant part of the code:
    Code:
        <tr><div class="legend"><a href="http://questforazrael.hungarianforum.net/g2-moderatorok" class="g2">Moderátorok</a></div>
                    <div class="legend"><a href="http://questforazrael.hungarianforum.net/g13-meselo" class="g13">MesĂ©lĹ‘k</a></div>
                    <div class="legend"><a href="http://questforazrael.hungarianforum.net/g16-mellekkarakterek" class="g16">MellĂ©kkarakterek</a></div>
                     <div class="legend"><a href="http://questforazrael.hungarianforum.net/g3-fovarosi-kiralyi-palota" class="g3">FĹ‘városi Királyi Palota</a></div>
                     <div class="legend"><a href="http://questforazrael.hungarianforum.net/g4-hellenburgi-kiralyi-szovetseg" class="g4">Hellenburgi Királyi SzövetsĂ©g</a></div>
                     <div class="legend"><a href="http://questforazrael.hungarianforum.net/g6-az-egyhaz" class="g6">Az Egyház</a></div>
                     <div class="legend"><a href="http://questforazrael.hungarianforum.net/g5-protestans-egyhaz" class="g5">Protestáns Egyház</a></div>
                     <div class="legend"><a href="http://questforazrael.hungarianforum.net/g9-tundek" class="g9">TĂĽndĂ©k</a></div>
                     <div class="legend"><a href="http://questforazrael.hungarianforum.net/g10-sotet-tundek" class="g10">SötĂ©t TĂĽndĂ©k</a></div>
                   <div class="legend"><a href="http://questforazrael.hungarianforum.net/g8-demonok" class="g8">DĂ©monok</a></div>
          <div class="legend"><a href="http://questforazrael.hungarianforum.net/g15-nefilimek" class="g15">Nefilimek</a></div>
          <div class="legend"><a href="http://questforazrael.hungarianforum.net/g7-vampirok" class="g7">VámpĂ­rok</a></div>
          <div class="legend"><a href="http://questforazrael.hungarianforum.net/g14-kultistak" class="g14">Kultisták</a></div>
          <div class="legend"><a href="http://questforazrael.hungarianforum.net/g11-nekromantak" class="g11">Nekromanták</a></div>
          <a href="http://questforazrael.hungarianforum.net/g12-buntetozona" class="g12">BĂĽntetĹ‘zĂłna</a>
                    </tr>

    Please note that the other parts cannot be buggy or anything, because this works perfectly fine on PHPBB3. Here is the CSS for this part:

    Code:
    a.g2 {
    color: #3AA310;
    font-weight: bold;
    }
    a.g13 {
    color: #8AFB17;
    font-weight: bold;
    }
    a.g16 {
    color: #378CE6;
    }
    a.g3 {
    color: #FC8E19;
    }
    a.g4 {
    color: #6B8E23;
    }
    a.g6 {
    color: #A11414;
    }
    a.g5 {
    color: #1D29AD;
    }
    a.g9 {
    color: #FFFF33;
    }
    a.g10 {
    color: #43C6DB;
    }
    a.g8 {
    color: #F71111;
    }
    a.g15 {
    color: #C29C2B;
    }
    a.g7 {
    color: #FFFFFF;
    }
    a.g14 {
    color: #2D8553;
    }
    a.g11 {
    color: #8212EB;
    }
    a.g12 {
    color: #F79EF1;
    }

    The interesting thing is, the link itself takes the font-weight well (previously all was weighted, but I decided it was better this way).
    An other point worth mentioning is when I take the link color down from "colors" page and it becomes "default" blue, it's all fine, the link colors change according to the given classes. I hope I was detailed enough and you will be able to help me quickly Smile have a nice evening!
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: The links won't change colours

    Post by SLGray April 28th 2018, 10:25 pm

    Add !important to your CSS coding.
    Code:
    a.g2 {
      color: #3AA310 !important;
      font-weight: bold !important;
    }



    The links won't change colours Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    XIII. Sixtus
    XIII. Sixtus
    New Member


    Posts : 4
    Reputation : 1
    Language : Hungarian, English

    In progress Re: The links won't change colours

    Post by XIII. Sixtus April 28th 2018, 11:15 pm

    XIII. Sixtus
    XIII. Sixtus
    New Member


    Posts : 4
    Reputation : 1
    Language : Hungarian, English

    In progress Re: The links won't change colours

    Post by XIII. Sixtus April 28th 2018, 11:17 pm

    Thank you! The "!important" property worked. Out of curiosity, how could it be possible that you saw it correctly beforehand as well?
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: The links won't change colours

    Post by SLGray April 28th 2018, 11:29 pm

    I thought you were referring to the navbar at first.

    Question:  Do you have the groups colorized in the AP?   If yes, do you exactly need the CSS?



    The links won't change colours Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    XIII. Sixtus
    XIII. Sixtus
    New Member


    Posts : 4
    Reputation : 1
    Language : Hungarian, English

    In progress Re: The links won't change colours

    Post by XIII. Sixtus April 28th 2018, 11:33 pm

    I do not have them colorized, in actual fact I don't even have those groups on my forum, they are all referring to the main forum, but until I was on PHPBB3 on the test forum (I am not the owner of the main forum only an admin, and making designs on the test forum) it was good.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: The links won't change colours

    Post by SLGray April 28th 2018, 11:33 pm

    Ok.

    If this is solved, please click the green solved button.



    The links won't change colours Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.

      Current date/time is November 11th 2024, 9:35 pm