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 have a nice evening!

Add !important to your CSS coding.

Code:

a.g2 {
  color: #3AA310 !important;
  font-weight: bold !important;
}

For me it looks like this:
https://i.servimg.com/u/f62/19/78/26/34/temp10.png

whereas it should look like this:
https://i.servimg.com/u/f62/19/78/26/34/temp210.png

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

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?

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.

Ok.

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