css specific for each thread's upper title

[Blackhorse]

Hello,

I want to change font and background color plus adding background image to the top title at each thread through CSS

What happens is that all modules titles are affected !! as in the screenshot

What is the specific class for thread title only? and its box or container?

Thanx

=====================================

Here what i tried - p.s: I am very newbie still learning : ))
/* upper topic title inside the post - START */

.main-title {
color: #ffffff !important;
font: bold 28px 'Sakkal Majalla',Majalla2;
text-transform: none;
text-align: center !important;
border: 1px solid black !important;
background:#075d82 !important;
line-height: 1.7;
background-image:
linear-gradient(to right bottom,
rgba(76, 216, 255, 0.8),
rgba(30, 108, 217, 0.8)),
url('https://www.hurras.org/new/images/custom_hurras/pexels-photo-213399.jpeg')!important;
background-size: cover !important;
background-position: top;
position: relative;
clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%)!important;
}

[glennrocksvb]

Replace:

.main-title

with

#widget_XX .main-title

where XX is the widget id of the thread title. Right click and inspect the thread title and find its <div> container with id="widget_XX". Replace XX with the corresponding id.

[Blackhorse]

enjoy your coffee

[glennrocksvb]

That looks good! Thank you

[Blackhorse]

Hello Glenn,

Please how can i make the color white in forum titles??

I tried all class in the inspect tools, nothing working!

I made academic reasearch,invented css, notthing worked : ))))

/*=============================================
Forum Category -START*/
.forum-list-container .category-header {
background:#033145 !important;
font color: #ffffff !important;
color: rgb(255, 255, 255);
font: bold 18pt 'Sakkal Majalla',Majalla2 !important;
border: 2px solid #ffffff !important;
line-height: 1.7;
height: 33px;
}

.l-small .forum-list-container .category-header .category {
font: bold 14pt 'Sakkal Majalla',Majalla2;
color: rgb(255, 255, 255);
font color: #ffffff !important;
}

#category-header
.category {
color: rgb(255, 255, 255)!important;
font: bold 28pt 'Sakkal Majalla',Majalla2 !important;
}


element.style {
color: #edf1fc;
}
.category .data-nodeid="14" {
color: rgb(255, 255, 255)!important;
font: bold 28pt 'Sakkal Majalla',Majalla2 !important;
}
/*Forum Category -END*/

[Blackhorse]

glennrocksvb

[glennrocksvb]

font color: #ffffff !important;

Styling color of font should just use "color" not "font color" CSS property.

[Blackhorse]

I had to put the name in between white font html code in admincp at channel manager to change the color .. it is impossible through additional css !!

[glennrocksvb]

It is possible via additional css. I already mentioned how to do it in post #6.