News:

Want to get involved in developing SMF? Why not lend a hand on our GitHub!

Main Menu

How to change the font size and the color of the topic title?..

Started by danster, August 07, 2015, 12:46:41 AM

Previous topic - Next topic

danster

Hi friends..!

please anyone help me to find the way to change the size of the font and the color of the
post title area using theme index.css file i try it but i could't..

explain me with the default theme index.css

i attached a screen shot about what area i wanted to change the font size and color

Thank you...



margarett

This is probably what you're after
/* the subject column */
.topic_table td
{
font-size: 1em;
}
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair

danster

Thank you very much margarett..,

It's works perfectly,, and if u can please tell me same as how to change the font the other side area

i attached a screen shot for your reference what i want the area of change the font

Thank you...


margarett

That's a bit trickier (and I honestly suck at CSS :P )

I guess you need to change this
.topic_table td.subject p, .topic_table td.stats
{
font-size: 0.85em;
padding: 0;
margin: 0;
}

But it will also change the topic author in the "Subject" column...
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair

danster

Thank you  margarett.,

It's works perfect now i have changed the subject, starts and please if u can tell me how to
change the last post area also

I attached a screen shoot for you.. get an idea..what i want..

Thank you..

margarett

Just keep following the CSS file, it should be right below :P
.topic_table td.lastpost
{
font-size: 0.85em;
line-height: 1.3em;
padding: 4px;
}
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

QuoteOver 90% of all computer problems can be traced back to the interface between the keyboard and the chair

danster

Thank you very much margarett,

It's works perfectly and please what about the starts area i show you
if you can please tell me about how to change that area also..

i attached a screen shot for you get an idea what i want to change area

Thank you...

Kindred




get firefox
--   add the add-on called firebug
--   use firebug to figure out the css that defines each location and what to change....
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Steve

Not sure why you need firebug anymore. It's built-in inspector tells me everything firebug did. :)
My pet rock is not feeling well. I think it's stoned.

Kindred

firebug still has a better interface and lets you easily change css on the page to see the potential changes
the built-in inspector isn't friendly like that... :P
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Steve

My pet rock is not feeling well. I think it's stoned.

Advertisement: