MyBB Community Forums

I want to change the font size and color of the Forum Name Link and Thread Links seperately. what would i use for css. and hover and visited and everything

(2014-04-18, 08:20 AM)tunescool Wrote: [ -> ]I want to change the font size and color of the Forum Name Link and Thread Links seperately. what would i use for css. and hover and visited and everything

Take a look at

.forumname a:link, .forumname a:visited

in your css. There you can style the forum name for starters. You may be able to add a new block with .forumname a:hover

If you want to make each group or forum name different, you may be able to style with inline CSS or create a new class in css style sheet and use <span class="cssclassname">Forum name</span> in the forum name box in ACP

i have this but the size, color, or style didnt change. when i hit the link the size changed but nothing else, and the size of the navigation links changed too. only while hitting the link, not visited

.forumname a:link {
        font-size: 16px;
        font-style: italic;
        color: #000000;
	text-decoration: none;
}

.forumname a:visited {
        font-size: 16px;
        font-style: italic;
        color: #000000;
	text-decoration: none;
}

.forumname a:hover, a:active {
        font-size: 16px;
	color: #000000;
	text-decoration: underline;
}

i need the thread titles too but seperately

did you hit SHIFT while pressing refresh? that will force reload css

The way you have it now, they are all the same size. Should show italic black 16px visited or not, then when click / hover should underline.

What's your site?

i put this in forumbit_depth2_forum and it works. i got the navigation by itself but it goes italics when i hit it, just when you hit it but i dont have italics anywhere

and every link on the forum goes black and bigger when i hit it which i dont need or want. how can i just get the forum name

<span class="forumname"><a href="{$forum_url}">{$forum['name']}</a></span> 

}

.forumname a:link {
        font-family: tahoma;
        font-size: 16px;       
        font-weight: bold;
        font-style: italic;
        color: #000000;
        text-decoration: none;
}

.forumname a:visited {
        font-family: tahoma;
        font-size: 16px;       
        font-weight: bold;
        font-style: italic;
        color: #000000;
        text-decoration: none;}

.forumname a:hover, a:active {
        font-family: tahoma;
        font-size: 16px;       
        font-weight: bold;
        font-style: italic;
        color: #000000;
        text-decoration: underline;
}

.navigation {
        font-family: tahoma;
        font-size: 13px;       
        font-weight: bold;
        color: #00138E;
        text-decoration: none;
}

.navigation a:link {
        font-family: tahoma;
        font-size: 13px;       
        font-weight: bold;
        color: #00138E;
        text-decoration: none;
}

.navigation a:visited {
        font-family: tahoma;
        font-size: 13px;       
        font-weight: bold;
        color: #00138E;
        text-decoration: none;
}

.navigation a:hover, .navigation a:active {
        font-family: tahoma;
        font-size: 13px;       
        font-weight: bold;
        color: #00138E;
        text-decoration: underline;
}

.navigation .active {
        font-family: tahoma;
        font-size: 13px;       
        font-weight: bold;
        color: #00138E;
        text-decoration: none;
}

i reinstalled so im starting new, i need to control the forum name and visited etc by itself, and the thread titles on thread list page. seperately from each other

i was able to get just the forum name itself by putting it in a div with its own class

<div class="forumname"><a href="{$forum_url}">{$forum['name']}</a></div>

i can chan change everything i want except for the color, i have

color: #000000;

Use:

color: #000000 !important;

The !important will force the current color

you need to target the .forumname a in your css

.forumname a {
color:red;
}

i tried the important in the css and the div but it still wont change