Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. Templates, skins, XHTML and CSS
  4. Modifing Skins upper & lower case for header and widgets

Modifing Skins upper & lower case for header and widgets

1 Feb 06, 2010 00:18    

My b2evolution Version: Not Entered

Hi I am using the nonezero skin and like it except the Blog title and the widget titles are all in lower case and look silly to me. The tag line looks exactly like I typed it and I would like the other areas to do the same.

How can I change the upper & lower case settings of this skin?

Thanks all
Tam

Back to top

2 Feb 06, 2010 00:40

you can replace all "text-transform: lowercase;" 's with "text-transform: none;" 's. in your style.css...

that will leave them alone and display the way you typed them.

Or you want it them to be displayed "Capitalized Like This" you can replace all "text-transform: lowercase;" 's with "text-transform: capitalize;" 's.

If you dont know how to, you can replace the whole style.css with below lines; /*beware you will lose any previous changes you made to your style.css, the below was derived from the default style.css*/

style.css for none:

@charset "UTF-8";
/* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */
@import url("../../../../rsc/css/basic.css");		/*	Import basic styles			*/
@import url("../../../../rsc/css/blog_base.css");	/* 	Import default blog navigation styles	*/
@import url("item.css");				/* 	Import blog content styles		*/
/* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */

/*

	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	missing in a maze

*/

/*
	This is the main CSS
		without the color specific changes.
	This is to avoid duplication, make debugging easier,
		and minimize the bytes of the files.
*/

/* Basic Stuff */

*
{
margin: 0em;
padding: 0em;
}

body
{
background-color: #fff;
color: #585858;
font-size: 9pt;
font-family: "trebuchet ms", helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
font-weight: normal;
letter-spacing: -1px;
text-transform: none;
}

span h1,
h1 span
{
font-weight: bold;
}
span h1 a,
h1 span a {
	text-decoration: none;
	color: #fff;
}

span h3,
h3 span
{
font-weight: bold;
}

span h4 a,
h4 span a {
	text-decoration: none;
}
span h4,
h4 span
{
font-weight: bold;
}

br.clear
{
clear: both;
}

img
{
padding: 3px;
border: solid 1px #e1e1e1;
}

#secondaryContent_3columns img,
#secondaryContent_2columns img,
.postinfo img {
	border: none;
	padding: 0;
}

#main_inner ul,
#main_inner ol {
	margin-left: 1.3em;
}

img.floatTL
{
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0.5em;
}

a
{
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

.widget_core_free_html ul,
ul.links
{
list-style: none;
}

.widget_core_free_html ul li,
ul.links li
{
line-height: 1.7em;
}

.widget_core_free_html ul li.first,
ul.links li.first
{
}

blockquote,
p
{
line-height: 1.7em;
}

/* Header */

#header
{
width:100%;
height:122px;
}

#header_inner
{
position: relative;
width: 950px;
height:122px;
margin: 0 auto;
}

/* Logo */

#logo
{
position: absolute;
bottom: 0.6em;
}

#logo h1
{
display: inline;
color: #fff;
font-size: 2.6em;
}

#logo .widget_core_coll_tagline,
#logo h2
{
display: inline;
padding-left: 0.5em;
font-size: 1.0em;
}

/* Menu */

#menu
{
position: absolute;
right: 0em;
bottom: 0em;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
}

#menu li a
{
margin-left: 0.5em;
display: block;
padding: 1.1em 1.4em 1.0em 1.4em;
border: solid 1px #fff;
color: #616161;
font-weight: bold;
font-size: 1.0em;
text-transform: none;
text-decoration: none;
}

#menu li a.active
{
color: #fff;
}

/* Main */

#main_inner p
{
text-align: justify;
margin-bottom: 2.0em;
}

#main_inner ul
{
margin-bottom: 2.0em;
}

#main_inner
{
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 3.5em;
}

#main_inner h3 a {
	text-decoration: none;
}

#main_inner h3,h4
{
border-bottom: dotted 1px #E1E1E1;
position: relative;
}

#main_inner h3
{
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner h4
{
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
}

#main_inner .featurepost {
	padding-left: 23px;
	padding-right: 10px;
}

#main_inner .featurepost,
#main_inner .post
{
position: relative;
}

#main_inner .featurepost h3,
#main_inner .post h3
{
position: relative;
font-size: 1.7em;
padding-bottom: 1.2em;
}

#main_inner .featurepost ul.post_info,
#main_inner .post ul.post_info
{
list-style: none;
position: absolute;
top: 3em;
font-size: 0.88em;
}

#main_inner .featurepost ul.post_info li,
#main_inner .post ul.post_info li
{
background-position: 0em -0.1em;
background-repeat: no-repeat;
display: inline;
padding-left: 18px;
}

#main_inner .featurepost ul.post_info li.date,
#main_inner .post ul.post_info li.date
{
}

#main_inner .featurepost ul.post_info li.comments,
#main_inner .post ul.post_info li.comments
{
margin-left: 1.1em;
}

/* Footer */

#footer
{
width: 950px;
margin: 0 auto;
text-align: center;
clear: both;
border-top: dotted 1px #E1E1E1;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding-top: 1.0em;
text-transform: none;
}

/* Search */

.widget_core_coll_search_form input.submit,
input.button
{
color: #fff;
font-weight: bold;
text-transform: none;
font-size: 0.8em;
height: 2.0em;
}

.widget_core_coll_search_form input.SearchField,
input.text
{
border: solid 1px #F1F1F1;
font-size: 1.0em;
padding: 0.25em 0.25em 0.25em 0.25em;
}

.search_options,
#search
{
position: relative;
width: 100%;
margin-bottom: 2.0em;
}

.widget_core_coll_search_form input.SearchField,
#search input.text
{
/* position: absolute; */
top: 0em;
left: 0em;
width: 9.5em;
}

.widget_core_coll_search_form input.submit,
#search input.button
{
/* position: absolute; */
top: 0em;
right: 0em;
min-width: 2.0em;
/* max-width: 2.5em; */
}

/* Restyling blockquote */
blockquote {
	padding: 3em;
	margin-bottom: 1.5em;
}
blockquote p {
	margin-bottom: 0em;
}
/* Restyling blockquote */

/* Fixing bCommentSmallPrint */
div.bCommentSmallPrint {
	font-size: 0.88em;
}
div.bCommentSmallPrint img {
	border: none;
	vertical-align: bottom;
}
/* Fixing bCommentSmallPrint */

/* Fixing Pagetop Container */
#pagetop {
	text-align: right;
	float: right;
	/* width: 600px; */
	margin: 5px 12px 0 0;
}
#pagetop ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#pagetop li {
	display: inline;
}
#pagetop li a {
	padding: 0 0 0 25px;
	color: #fff;
	text-decoration: none;
	text-transform: none;
}
#pagetop li a:hover {
	text-decoration: none;
}
/* Fixing Pagetop Container */

/* LAYOUT - 3 COLUMNS */

	/* Primary content */
	
	#primaryContent_3columns
	{
	position: relative;
	margin-right: 34em;
	}
	
	#columnA_3columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -34em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_3columns
	{
	float: right;
	}
	
	#columnB_3columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 2em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}
	
	#columnC_3columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}
	
	#columnD_widecolumn
	{
		width: 26.0em;
		padding: 0em 2em 0.5em 2em;
		border-left: dotted 1px #E1E1E1;
	}
	
/* LAYOUT - 2 COLUMNS */

	/* Primary content */
	
	#primaryContent_2columns
	{
	position: relative;
	margin-right: 17em;
	}
	
	#columnA_2columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -17em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_2columns
	{
	float: right;
	}
	
	#columnC_2columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}

/* LAYOUT - 1 COLUMN */

	/* Primary content */
	
	#primaryContent_1column
	{
	position: relative;
	}
	
	#columnA_1column
	{
	position: relative;
	width: 100%;
	}

/* bText */
.bText ul li,
.bText ol li {
	line-height: 1.7em;
}

Styles.css For Capitalize: 

@charset "UTF-8";
/* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */
@import url("../../../../rsc/css/basic.css");		/*	Import basic styles			*/
@import url("../../../../rsc/css/blog_base.css");	/* 	Import default blog navigation styles	*/
@import url("item.css");				/* 	Import blog content styles		*/
/* -------------------------------- b2evolution Stylesheet Imports --------------------------------- */

/*

	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	missing in a maze

*/

/*
	This is the main CSS
		without the color specific changes.
	This is to avoid duplication, make debugging easier,
		and minimize the bytes of the files.
*/

/* Basic Stuff */

*
{
margin: 0em;
padding: 0em;
}

body
{
background-color: #fff;
color: #585858;
font-size: 9pt;
font-family: "trebuchet ms", helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
font-weight: normal;
letter-spacing: -1px;
text-transform: capitalize;
}

span h1,
h1 span
{
font-weight: bold;
}
span h1 a,
h1 span a {
	text-decoration: none;
	color: #fff;
}

span h3,
h3 span
{
font-weight: bold;
}

span h4 a,
h4 span a {
	text-decoration: none;
}
span h4,
h4 span
{
font-weight: bold;
}

br.clear
{
clear: both;
}

img
{
padding: 3px;
border: solid 1px #e1e1e1;
}

#secondaryContent_3columns img,
#secondaryContent_2columns img,
.postinfo img {
	border: none;
	padding: 0;
}

#main_inner ul,
#main_inner ol {
	margin-left: 1.3em;
}

img.floatTL
{
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0.5em;
}

a
{
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

.widget_core_free_html ul,
ul.links
{
list-style: none;
}

.widget_core_free_html ul li,
ul.links li
{
line-height: 1.7em;
}

.widget_core_free_html ul li.first,
ul.links li.first
{
}

blockquote,
p
{
line-height: 1.7em;
}

/* Header */

#header
{
width:100%;
height:122px;
}

#header_inner
{
position: relative;
width: 950px;
height:122px;
margin: 0 auto;
}

/* Logo */

#logo
{
position: absolute;
bottom: 0.6em;
}

#logo h1
{
display: inline;
color: #fff;
font-size: 2.6em;
}

#logo .widget_core_coll_tagline,
#logo h2
{
display: inline;
padding-left: 0.5em;
font-size: 1.0em;
}

/* Menu */

#menu
{
position: absolute;
right: 0em;
bottom: 0em;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
}

#menu li a
{
margin-left: 0.5em;
display: block;
padding: 1.1em 1.4em 1.0em 1.4em;
border: solid 1px #fff;
color: #616161;
font-weight: bold;
font-size: 1.0em;
text-transform: capitalize;
text-decoration: none;
}

#menu li a.active
{
color: #fff;
}

/* Main */

#main_inner p
{
text-align: justify;
margin-bottom: 2.0em;
}

#main_inner ul
{
margin-bottom: 2.0em;
}

#main_inner
{
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 3.5em;
}

#main_inner h3 a {
	text-decoration: none;
}

#main_inner h3,h4
{
border-bottom: dotted 1px #E1E1E1;
position: relative;
}

#main_inner h3
{
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner h4
{
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
}

#main_inner .featurepost {
	padding-left: 23px;
	padding-right: 10px;
}

#main_inner .featurepost,
#main_inner .post
{
position: relative;
}

#main_inner .featurepost h3,
#main_inner .post h3
{
position: relative;
font-size: 1.7em;
padding-bottom: 1.2em;
}

#main_inner .featurepost ul.post_info,
#main_inner .post ul.post_info
{
list-style: none;
position: absolute;
top: 3em;
font-size: 0.88em;
}

#main_inner .featurepost ul.post_info li,
#main_inner .post ul.post_info li
{
background-position: 0em -0.1em;
background-repeat: no-repeat;
display: inline;
padding-left: 18px;
}

#main_inner .featurepost ul.post_info li.date,
#main_inner .post ul.post_info li.date
{
}

#main_inner .featurepost ul.post_info li.comments,
#main_inner .post ul.post_info li.comments
{
margin-left: 1.1em;
}

/* Footer */

#footer
{
width: 950px;
margin: 0 auto;
text-align: center;
clear: both;
border-top: dotted 1px #E1E1E1;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding-top: 1.0em;
text-transform: capitalize;
}

/* Search */

.widget_core_coll_search_form input.submit,
input.button
{
color: #fff;
font-weight: bold;
text-transform: capitalize;
font-size: 0.8em;
height: 2.0em;
}

.widget_core_coll_search_form input.SearchField,
input.text
{
border: solid 1px #F1F1F1;
font-size: 1.0em;
padding: 0.25em 0.25em 0.25em 0.25em;
}

.search_options,
#search
{
position: relative;
width: 100%;
margin-bottom: 2.0em;
}

.widget_core_coll_search_form input.SearchField,
#search input.text
{
/* position: absolute; */
top: 0em;
left: 0em;
width: 9.5em;
}

.widget_core_coll_search_form input.submit,
#search input.button
{
/* position: absolute; */
top: 0em;
right: 0em;
min-width: 2.0em;
/* max-width: 2.5em; */
}

/* Restyling blockquote */
blockquote {
	padding: 3em;
	margin-bottom: 1.5em;
}
blockquote p {
	margin-bottom: 0em;
}
/* Restyling blockquote */

/* Fixing bCommentSmallPrint */
div.bCommentSmallPrint {
	font-size: 0.88em;
}
div.bCommentSmallPrint img {
	border: none;
	vertical-align: bottom;
}
/* Fixing bCommentSmallPrint */

/* Fixing Pagetop Container */
#pagetop {
	text-align: right;
	float: right;
	/* width: 600px; */
	margin: 5px 12px 0 0;
}
#pagetop ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#pagetop li {
	display: inline;
}
#pagetop li a {
	padding: 0 0 0 25px;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
}
#pagetop li a:hover {
	text-decoration: none;
}
/* Fixing Pagetop Container */

/* LAYOUT - 3 COLUMNS */

	/* Primary content */
	
	#primaryContent_3columns
	{
	position: relative;
	margin-right: 34em;
	}
	
	#columnA_3columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -34em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_3columns
	{
	float: right;
	}
	
	#columnB_3columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 2em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}
	
	#columnC_3columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}
	
	#columnD_widecolumn
	{
		width: 26.0em;
		padding: 0em 2em 0.5em 2em;
		border-left: dotted 1px #E1E1E1;
	}
	
/* LAYOUT - 2 COLUMNS */

	/* Primary content */
	
	#primaryContent_2columns
	{
	position: relative;
	margin-right: 17em;
	}
	
	#columnA_2columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -17em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_2columns
	{
	float: right;
	}
	
	#columnC_2columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}

/* LAYOUT - 1 COLUMN */

	/* Primary content */
	
	#primaryContent_1column
	{
	position: relative;
	}
	
	#columnA_1column
	{
	position: relative;
	width: 100%;
	}

/* bText */
.bText ul li,
.bText ol li {
	line-height: 1.7em;
}

well, you get the idea

Back to top

3 Feb 06, 2010 01:02

yeah thank you so much that is what I wanted......

Back to top


Form is loading...