need help with a few style vars - screenshots included

[Bloodlust80]

Hey. I am close to finishing on creating a new skin for my Vbulletin website.

The problem is, I am a newbie to the whole stylevars system (I am getting used to it though). And I am looking for 10 stylevars that alter the following things as attached in

If you guys can help me find the stylevars that I need to edit or the css (preferabbly stylevars) then that would be really appreciated

I am sorry for essentially a screenshot dump.. But I figured that it might help you guys help me out.

EDIT: this is with Vbulletin 4.1.5

[mmfgamer5]

First screenshot
Links on the "view entire blog article" page: blockrow_link_color (and blockrow_linkhover_color for the hover colour)
More link problems: control_content_color (and control_content_hover_color for the hover colour)
Standard blog text colour: body_color (will change the other default black text; would be better to change the background colour of the blog).
Links on the blog page: link_color (and linkhover_color for the hover colour)

Second screenshot
Todays date in the calendar on blogs: Styles & Templates > Search in Templates > Search for Text: background:rgb(255,255,200) > blog.css > Click "Find" and change the "background:" variable to the colour you want it, then save.

Third screenshot
Selected calendar tab: tabslight_selected_background

Forth screenshot
That font colour: shade_color

Fifth screenshot
Border colour change: popupmenu_background and popupmenu_border

Sixth screenshot
Background change of dropdown link colours: imodhilite_backgroundColor
Text colour change of dropdown link: body_color

Seventh screenshot
Style var for this link colour within the sidebar: link_color

Eighth screenshot
Member blog background: Styles & Templates > Search in Templates > Search for Text: .blogcatbit .td > blog.css > Click "Find" > Replace:

PHP Code:

.blogcatbit .td, tr.blogcatbit td { padding:{vb:stylevar padding}; } 


with

PHP Code:

.blogcatbit .td, tr.blogcatbit td { padding:{vb:stylevar padding}; background:#000000; } 


replacing #000000 with your desired colour, then save.

Ninth screenshot
Hover over text on the nav menu at the top of the forums but not in the main nav bar: Styles & Templates > Search in Templates > Search for Text: .breadcrumb .navbit a:hover > vbulletin-chrome.css > Click "Find" > Replace:

PHP Code:

.breadcrumb .navbit a:hover {
    border-color:{vb:stylevar lightweightbox_border.borderColor};
    background-color:{vb:stylevar lightweightbox_background.backgroundColor};
} 


with

PHP Code:

.breadcrumb .navbit a:hover {
    border-color:{vb:stylevar lightweightbox_border.borderColor};
    background-color:{vb:stylevar lightweightbox_background.backgroundColor};
    color:#000000;
} 


replacing #000000 with your desired colour, then save.

Tenth screenshot
Yuck.. defo need to change that colour: body_color

Eleventh screenshot
Vbblog comment header: Styles & Templates > Search in Templates > Search for Text: .postbit-lite .postbithead { > blog.css > Click "Find" > Replace:

PHP Code:

.postbit-lite .postbithead {
    float: {vb:stylevar left};
    width: 100%;
    padding: 5px 0;
    margin-{vb:stylevar left}: 0;
} 


with

PHP Code:

.postbit-lite .postbithead {
    float: {vb:stylevar left};
    width: 100%;
    padding: 5px 0;
    margin-{vb:stylevar left}: 0;
    background:#000000;
} 


replacing #000000 with your desired colour, then save.

Vbblog comment text colour: body_color

Vbblog background colour: Styles & Templates > Search in Templates > Search for Text: .postbit-lite .posttext { > blog.css > Click "Find" > Replace:

PHP Code:

.postbit-lite .posttext {
    clear: both; /* VBIV-10312 */
} 


with

PHP Code:

.postbit-lite .posttext {
    clear: both; /* VBIV-10312 */;
    background:#000000;
} 


replacing #000000 with your desired colour, then save.

Twelfth screenshot
Vbcms comment header: postbitlite_header_background
and comment body: Styles & Templates > Search in Templates > Search for Text: .postbit-lite .posttext { > postbit-lite.css > Click "Find" > Replace:

PHP Code:

.postbit-lite .posttext {
    padding:{vb:stylevar padding};
    /* padding-bottom:0; */
    font:{vb:stylevar content_msg_font};
    margin-{vb:stylevar left}:{vb:math {vb:stylevar avatar_height} + {vb:stylevar padding} * 2};
} 


with

PHP Code:

.postbit-lite .posttext {
    padding:{vb:stylevar padding};
    /* padding-bottom:0; */
    font:{vb:stylevar content_msg_font};
    margin-{vb:stylevar left}:{vb:math {vb:stylevar avatar_height} + {vb:stylevar padding} * 2};
    background:#000000;
} 


replacing #000000 with your desired colour, then save.

Thirteenth screenshot
Visitor message header: headers_background_color


Let me know if you get stuck with anything - I'll be happy to help.

[Bloodlust80]

Most of these fixes worked . Thanks for that.

However, some of the problems still persisit. For instance

First screenshot
Links on the "view entire blog article" page: blockrow_link_color (and blockrow_linkhover_color for the hover colour)
More link problems: control_content_color (and control_content_hover_color for the hover colour)
Standard blog text colour: body_color (will change the other default black text; would be better to change the background colour of the blog).
Links on the blog page: link_color (and linkhover_color for the hover colour)

changing blockrow_link_color, control_content_color, body_color and link_color does not effect the blog page the body color is actually rgb(204, 255, 255) which is consistant throughout my board except for the blog and comments for some reason



changes did not alter the navbar either.

now these two problems have popped up. First of all in my CMS commenting system



and the blog



thank you again for your help by the way.

If you would like to see the website in question. I am working on this website under this style linked in this URL http://secretanonymous.com/content.php?&styleid=16

--------------- Added [DATE]1312798961[/DATE] at [TIME]1312798961[/TIME] ---------------

okey so that's weird. I went to post a new blog post and the comments etc all come out as the right color (i.e the body color)

I will look into the other problems now

--------------- Added [DATE]1312800110[/DATE] at [TIME]1312800110[/TIME] ---------------

Update. This seems to be the only thing I cannot fix with my skin now



If anyone can tell me the fix for it, then a gold star to them

[tercede]

In regards to that white gap, check out postbit-lite.css

I have the following:

.postbit-lite {
clear:both;
position:relative;
padding-bottom:{vb:stylevar padding};
background: #242424;
}

Change background color to your needs.