PDA

View Full Version : Forum head font color


janaf
18 Dec 2009, 22:37
Hi,

Can ayone help me on how to set forum head font color?

Forumhead_border, Forumhead_background, Forumhead_font etc work as expected but not Forumhead_ Color for the font color. Any ideas?

VB4 RC4

Lynne
18 Dec 2009, 22:54
This may help you - HOW TO Find what Stylevar you need to edit (http://www.vbulletin.org/forum/showthread.php?t=230309)

janaf
18 Dec 2009, 23:01
This may help you - HOW TO Find what Stylevar you need to edit (http://www.vbulletin.org/forum/showthread.php?t=230309)
That is a GREAT tool but I am too much newbie to sort this out. :mad: Too complex styles. I have been trying for more than an hour.

Charlie98902
18 Dec 2009, 23:22
I am new at this as well and spent at least a day or two just to get familiar to firebug. It gets easier.

janaf
18 Dec 2009, 23:30
I have figured out a few dozen stylevars without any problems but this one beats me :eek:
I dont like being beaten!

Charlie98902
18 Dec 2009, 23:40
All you ask is in the stylvar. What I did to learn is change one thing at a time then when I did that one change I went to see if it changed what I wanted. If not I reverted that and went to the next.

janaf
19 Dec 2009, 00:20
I did try all of these one by one and get the result I expected:
-Forumhead_border
-Forumhead_background
-Forumhead_font
-Forumhead_width
But NOT
-Forumhead_color

When I inspect the element, I see a dozen styles involved and many cancelling out, but I can not figure out which one finally sets the color.

It is all for the title of the forum. Default color is white.

On this site, vbulletin.org, it's the text "News And Announcements" on the first page, under the logo, over "Click here to view the latest topics"....

Lynne
19 Dec 2009, 03:40
Do a search for this in the templates - .forumbit_nopost .forumhead .forumtitle a - and see how the color is defined in there.

janaf
19 Dec 2009, 19:33
Done, but I really can not find a solution!

Can someone help with an explicit reply on how to change this?

I have probably changed more than a hundred other stylevars without problem but this one is too much for me. This basically screws up my design.

Lynne
19 Dec 2009, 19:50
Well, what did you find when you did a search for that line? It should have shown you what stylevar to change or what css to change. Did you try anything?

janaf
19 Dec 2009, 20:22
Yes, of course I searched. There are loads of questions for a newbie; where to search, whole sentence or individual variables, and how to interpret and what are the consequences if I modify the settings.

This is what I get when I search the whole sentence in templates, in forumbits.css
Should I edit this file or the sylevars?


@charset "UTF-8";
/* CSS Document */

#forums {
clear:both;
}

.forumhead {
background: {vb:stylevar forumhead_background};
padding: 0;
font:{vb:stylevar forumhead_font};
color:{vb:stylevar forumhead_color};
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border: {vb:stylevar forumhead_border};
width: {vb:stylevar forumhead_width};
-moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
-moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
-webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
}

#forums .L1 .forumhead a {
font: {vb:stylevar forumhead_font};
}

#forums .L1 .forumhead .forumdescription {
display:none;
}

#forums .L1 .L2 {
display:block;
clear: both;
}

#forums a.username {
color: {vb:stylevar link_color};
}

.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead {
-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
}

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: {vb:stylevar forumrow_firstentry_background};
border-top: 1px solid {vb:stylevar body_background.backgroundColor};
}

.forumrow + .childsubforum .forumrow, .forumhead + .childforum .L2:first-child .L2 .forumrow, .forumhead + .childforum .L2 .L2:first-child .forumrow {
background: {vb:stylevar forumrow_background};
}

.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
background: {vb:stylevar forumrow_background};
display:block;
width: 100%;
float: {vb:stylevar left};
min-height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */
position:relative;
border-bottom: {vb:stylevar forumbits_border};
border-{vb:stylevar left}: {vb:stylevar forumbits_border};
border-{vb:stylevar right}: {vb:stylevar forumbits_border};
}

.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
position: absolute;
{vb:stylevar left}: {vb:stylevar padding};
top: {vb:math {vb:stylevar padding}/2};
width: {vb:stylevar forumicon_size};
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
display: inline-block;
width:100%;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
margin-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}

.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
margin-{vb:stylevar left}: 0;
}

/* forumbit nopost */
/* forumbit nopost -> forumhead */
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
font: {vb:stylevar forumhead_font};
padding: {vb:math {vb:stylevar padding}/2-1} 0;
color: {vb:stylevar forumbits_aForum};
}

.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
/*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
margin-{vb:stylevar left}: 3px;
margin-{vb:stylevar right}: 3px;
}
.forumbit_nopost {
clear:{vb:stylevar left};
}
.forumbit_nopost .forumrowdata {
clear:both;
display:block;
width: 100%;
}

.forumbit_nopost .subforumdescription {
padding: {vb:math {vb:stylevar padding}/2-1} {vb:stylevar padding};
font-weight: normal;
color: {vb:stylevar blocksubhead_color};
background: {vb:stylevar blocksubhead_background};
}

.forumbit_post .foruminfo .forumdata {
padding: {vb:math {vb:stylevar padding}/2-1} 0;
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
}

.forumbit_nopost .forumhead .forumtitle {
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
min-width: 76%;
}

.forumbit_nopost .forumhead .forumtitle a {
color: {vb:stylevar forumbits_aForum};
margin-{vb:stylevar left}: {vb:stylevar padding};
}

.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
}

.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
width: 21%;
}

.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
position:absolute;
top: -15px;
{vb:stylevar right}: -6px;
display:block;
width:13px;
height:13px;
overflow:hidden;
background:transparent url({vb:stylevar imgdir_button}/collapse_collapsed_40b.png) no-repeat;
float: {vb:stylevar right};
clear: {vb:stylevar left};
}

.forumbit_nopost:hover .forumhead a.collapsegadget {
visibility:visible;
}

.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata {
padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
padding-{vb:stylevar left}: 0;
font-size: {vb:stylevar small_fontSize};
}

.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
margin-{vb:stylevar left}: {vb:stylevar padding};
position: relative;
top: -{vb:stylevar padding};
}

/* forumbit post */
.forumbit_post {
float: {vb:stylevar left};
position:relative;
width: 100%;
display:block;
}

.forumbit_post .forumhead span {
padding: 0;
}

.forumbit_post .forumhead .forumlastpost {
top: 0;
margin-top: 0;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
padding: {vb:math {vb:stylevar padding}/2} 0;
}

/* commenting this out for the time being as it is included for test
.forumbit_post .forumstats {
background: #f2f6f8;
margin: 0;
padding-bottom: 15px;
overflow:hidden;
}
*/
.forumbit_post .forumhead .forumtitle {
width: 76%;
}

.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}

.forumbit_post .foruminfo {
width: 57%;
min-width: 30%;
float: {vb:stylevar left};
clear: {vb:stylevar right};
min-height: {vb:stylevar forumicon_size};
}

.forumbit_post .foruminfo .forumicon{
position: absolute;
{vb:stylevar left}: {vb:stylevar padding};
width: {vb:stylevar forumicon_size};
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
float: {vb:stylevar left};
clear: {vb:stylevar right};
color: {vb:stylevar forumbits_text_color};
}

.forumbit_post .foruminfo .viewing {
white-space:nowrap;
}

.forumbit_post .foruminfo .forumdata {
padding: 0;
width: 100%;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
float: {vb:stylevar left};
width: 88%;
padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}

.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: {vb:math {vb:stylevar font.fontSize}+1}px;
margin-{vb:stylevar right}: {vb:stylevar padding};
}

.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
color: {vb:stylevar link_color};
font-weight:bold;
}

.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
padding-{vb:stylevar left}:1.8em;
background:url('{vb:stylevar imgdir_misc}/child_forum.png') top {vb:stylevar left} no-repeat;
}

.forumbit_post .foruminfo .forumdata .viewing {
font-style: italic;
margin-{vb:stylevar right}:{vb:stylevar padding};
margin-top: 3px;
font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
}

.forumbit_post .forumactionlinks {
width: 5%;
display:block;
float:{vb:stylevar left};
clear:{vb:stylevar right};
}

.forumbit_post .forumactionlinks li {
display: inline;
}

.forumbit_post .forumactionlink {
/* values based on icon size */
display:block;
width:18px;
height:12px;
overflow:hidden;
float: {vb:stylevar right};
clear: {vb:stylevar left};
background:transparent none no-repeat;
position: relative;
margin: 3px {vb:stylevar padding} 0 0;
}

.forumactionlink a {
/* values based on icon size */
display:block;
padding-{vb:stylevar left}:18px;
}

.forumactionlinks .rsslink {
background-image:url({vb:stylevar imgdir_misc}/rss_40b.png);
}

.forumactionlinks .subslink {
background-image:url({vb:stylevar imgdir_misc}/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
background-image:url({vb:stylevar imgdir_misc}/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
display:block;
clear:both;
padding-{vb:stylevar right}: {vb:stylevar padding};
}

.forumbit_post .unsubscribe {
display:block;
{vb:stylevar right}: 0;
top: 2px;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
display: block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
width: 12%;
margin-{vb:stylevar right}: 2%;
}

.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{
font-size: {vb:stylevar mid_fontSize}{vb:stylevar font.units};
text-align: {vb:stylevar right};
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
display:block;
}


.forumbit_post .forumlastpost {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
}

.forumbit_post .forumrow .forumlastpost {
width: 22%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}

.forumbit_post .forumlastpost .lastpostdate {
font-size: {vb:stylevar small_fontSize};
}

.forumbit_post .forumlastpost .lastposttitle a, .forumbit_post .forumlastpost .lastpostby a {
color: {vb:stylevar link_color};
}

.lastpostlabel {
display: none;
}

.moderators, .subforums {
display: block;
clear:both;
}

.moderators h4, .subforums h4 {
font-weight: bold;
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

.moderators h4, .moderators .commalist, .subforums h4, .subforms .commalist {
float:{vb:stylevar left};
clear:{vb:stylevar right};
}

/* Project Tools Forum Display */
.forumstats dt {
display: inline;
margin-{vb:stylevar right}: 0;
}

.forumstats dl {
color: {vb:stylevar body_color};
font-size: {vb:stylevar mid_fontSize};
display: block;
text-align: {vb:stylevar right};
}

.forumstats dd {
display: inline-block;
padding-{vb:stylevar left}: {vb:stylevar padding};
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
}

.forumstats dt:after {
content:":";
}

--------------- Added 1261254673 at 1261254673 ---------------

Solved.

For others I will giva an explanation in a few minutes.

--------------- Added 1261255607 at 1261255607 ---------------

For other newbies:

- with Firefox and Firebug, right click on the style you want to identify.
In this case, you should see ".forumbit_nopost .forumhead .forumtitle a" in the style window (you will see lots of other things too...) but the one you are looking for should be vertically in the center.

- copy this and go to the VB controll panel => Styles and Templates=> Search In Templates
You will find this string in forumbits.css

- Open this file, search for the same string again (search in template = > Find button) and you should find the line color: {vb:stylevar forumbits_aForum};

So now we know this variable is the one: "forumbits_aForum"
- Click Style Manager, select Stylevar, hit Go, type forumbits_aForum in the search box on the left and you should see forumbits_aForum in the list below. Click on this and edit the color in the box on the right.

Done (As always check the results) And does it change the color of something else? Well that's another story. I do not know.