code problem, forum title

[Mineko]

Hello
So, sorry, I didn't think I had any questions today, but I'm doing the design, so ... ^^ "
So, there would be something wrong with the code below. It’s theoretically correct, but at the same time it refuses to move the text sideways or change color when I hover the mouse over it.
What went wrong there?

Code:

/* TITRE FORUM */
.tleFRM a {
padding-left:50px; letter-spacing:3px; font-family: Unkempt;
color: #E3C2D6 !important; /* MODIFIABLE    */
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
 a:hover {
color:#639EFF; /* MODIFIABLE */
}


I don't know if you need this part, but I copied it to see if it did. ^^

Code:

/* BLOC TITRE FORUM */
.tleFRM {
  width:780px; /*height: 40px;*/
margin:10px auto 10px; padding:5px;
text-align: left; font-size:22px; text-transform:;
background: ;/*#000058; /* #2C031C; */ /* MODIFIABLE */
 
  box-shadow: inset #639EFF 0 0 10px;
 
}

Link: https://blackmoonfrpg.hungarianforum.com
Version: phpBB2 (I think ^^" )

[SLGray]

When you say forum title, do you mean the forums under categories or the title of the whole forum?

[Mineko]

Um ... I don't speak English, I use a google translator. So ... I have the title of the forum, eg: 'Vérhegy', 'Folyóköz'

[SLGray]

[Ape]

looks to be working my end.

Try and Clear your browser cookies and cache it maybe a browser problem.
Tested on Firefox, Edge, Chrome, all working on them.

[skouliki]

hello

you have set the code to be working on the red arrow titles
the green arrow titles have no code

[Mineko]

Then I really messed it up. And ... Theoretically, it belongs ... Because the red arrow doesn't match the letter type. So now that way again I don't know what's going on ...
Copy the whole code that belongs to that part? Maybe it would be easier then. I honestly don't know. ^^ "
The trouble is, I didn't touch it so much, so I can only ask you and here. So I'm sorry to ask for stupidity. ><
Um ... the green arrow is the forum title for me. ^^"

[skouliki]

we have
-category titles
-forum titles
-subforum titles
-thread titles

first of all, to your codes above, these lines are giving the same result

transition:all 0.35s linear;
-webkit-transition:all 0.35s linear;

no need to have them both

so i think the code is wrong so lets try something ok

delete this code

Code:


/* TITRE FORUM */
.tleFRM a {
padding-left:50px; letter-spacing:3px; font-family: Unkempt;
color: #E3C2D6 !important; /* MODIFIABLE    */
transition:all 0.35s linear; -webkit-transition:all 0.35s linear;
}
 a:hover {
color:#639EFF; /* MODIFIABLE */
}


replace with this

Code:


/* TITRE FORUM */
div.tleFRM a {
padding-left:50px;
letter-spacing:3px;
font-family: Unkempt;
color: #E3C2D6 !important; /* MODIFIABLE    */
transition:all 0.35s linear;
}
 a:hover {
color:#639EFF; /* MODIFIABLE */
}

and check if your category title Enciklopédia have the text effect you want

you have a code or a javascript that has changed all forum elements to new FRM elements right ?

[Mineko]

I pasted it, but unfortunately it doesn't work. The Lastet topic (Friss nyomok) section has javascript. Maybe that's the problem? ><

[SLGray]

Add !important to each line of your CSS codes.

[Mineko]

Thanks-thanks-thanks!!
Thank you very much!
It works. And I really love it!

Solved

[Ape]

Problem solved & topic archived. Please read our forum rules: ESF General Rules

[skouliki]

@Mineko

i inspect the code and i saw that you added the !important wrongly, you must add it at the end of each line, not at the begging

so here is the right code

Code:


 
/* TITRE FORUM */
div.tleFRM a {
padding-left:50px !important;
letter-spacing:3px !important;
font-family: Unkempt !important;
color: #E3C2D6 !important;
transition:all 0.35s linear !important;
}
 a:hover {
color:#639EFF !important;
}


if you still need help pm me to reopen this thread