Recent topics widget police color

Hi

How can I change «recent topics» widget police color from black to white?
http://potagers.forumactif.com/portal



Best regards

hi 

what do you mean by police color? you mean the brown color on the header

Hi

Thank you for the reply

No the black police that you do not see very well UNDER the brown above «poule» word in the first pic and above «temps couvert» in the second pic

The black caracters you coudl read «derniers sujets»

Here is the global page

You can see «rechercher» and «nos infos» white correct... but «dernier sujet» black... a

And I want «derniers sujets» white

add this to your css

Code:


.gen, .genmed, .gensmall {
    color: unset;
}


Hi Skouliki

Thank you for your help but look at the result


Before
dernier sujet is black and other titles are white







After
dernier sujet is white and other titles are black







Here it is my all CSS added

Code:

    .cattitle {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
}
.module-title {color: #fff;}
td.catHead, th.thHead {
        color: #fff;
    }
 
       

that is strange cause in my screen this is not happening all titles are white
can you clear your browser cache and retry please and also what browser are you using ?



i dont see the code active did you delete it ?please dont so we can figure this out

I tried with Palemoon et Chrome ... all the same as I told above : dernier sujets white and other titles black

With IE nothing change : derniers sujets black and all other titles white

can you put the code again for me to test it please its not active

add this to your CSS files

Code:

.genmed, .gensmall {
    color: #FFFFF !important;
}

Thank you for the help

But nothing changed

Here now my added CSS

I keep it online

Code:

    .cattitle {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
}
.module-title {color: #fff;}
td.catHead, th.thHead {
        color: #fff;
    }
        .genmed, .gensmall {
            color: #FFFFF !important;
        }

I made tests and «recent posts» title color is contingent on text color

again i dont see APE's code active so i can help

skouliki wrote:again i dont see APE's code active so i can help

What do you mean with APE'code?

Here is CSS

i mean when i inspect your forum i dont see that code active

In you code I had an idea to change FFFFF with fff

If I do it is changing ALL characters color

The same if I change here with white

okay

Remove my old code and add this one

Put this at the top of your CSS files please.

Code:

.genmed {
    color: #fff !important;
}

No because ALL text is in white

I keep it online as you can see

New CSS

Code:

        .genmed {
            color: #fff !important;
        }
.cattitle {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
}
.module-title {color: #fff;}
td.catHead, th.thHead {
        color: #fff;
    }
 

Oh ok
remove my old code and replace it with this one


td.catHead {
color: #fff !important;
}

Ok new CSS

Code:

  td.catHead {
color: #fff !important;
}
.cattitle {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
}
.module-title {color: #fff;}
td.catHead, th.thHead {
        color: #fff;
    }
 

But «derniers sujets» is still black

And the same for «option» «calendrier» and «ajouter un sondage»

Ok.  I believe I see what you are referring to.  This is only happening to one widget.  The one on the right side.  Is the widget a customized widget.  I mean did you create it?  If yes, did you add any coding in the widget title box?

Hi


Thank you for the reply

No look at this list

It is only one of the «official» widgets (widgets prédéfinis) the same as «rechercher» or «qui est en ligne?»

Move this line of code to the top of your CSS stylesheet:

Code:

.module-title {color: #fff;}

Thank you but I think we tried this yet... and nothing change

New CSS

Code:

        .module-title {color: #fff;}
td.catHead {
color: #fff !important;
}
.cattitle {
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1px;
}
.module-title {color: #fff;}
td.catHead, th.thHead {
        color: #fff;
    }
 

It is online

An nothing changed

Delete your stylesheet and replace it with this one:

Code:

                .module-title {color: #fff;}        
        .cattitle {
                color: #fff;
                font-size: 16px;
                font-weight: 700;
                letter-spacing: 1px;
        }
        td.catHead, th.thHead {
                color: #fff;
            }

Done ... but nothing changed...

It is online

is the template recent topics modified?

No change.

I just used the predefined add on

skouliki wrote:add this to your css

Code:


.gen, .genmed, .gensmall {
    color: unset;
}


to my screen with the inspect tool this code is fixing your issue without changing the other widgets title color as you can see in my image

once you add the code try and clear your browser cache then go to

ACP >> General >> Forum >> Configuration >>
Scroll right to the bottom of the page and find Resynchronize your forum statistics :
tick the box the save go back to the page you was at the start and refresh the page

skouliki wrote:

skouliki wrote:add this to your css

Code:


.gen, .genmed, .gensmall {
    color: unset;
}


to my screen with the inspect tool this code is fixing your issue without changing the other widgets title color as you can see in my image

It is online but ALL titles .... black now

I keep it online some hours

that is odd i saw them black you are right

try

Code:


.gen, .genmed, .gensmall {
    color: white;
}