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.
More Information