RESOLVED - Changing the Title Style

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

RESOLVED - Changing the Title Style

Post by bcsweb1 »

I can not find out where to change the title style in my site:

http://awomansworth.org/site/

Look at the Title "HOME" and all the other titles on the pages...

What is the variable controlling that - I know it is in a stylesheet but where and what variable?

Thanks
Last edited by bcsweb1 on Wed Dec 05, 2007 11:17 am, edited 1 time in total.
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: Changing the Title Style

Post by RonnyK »

In the normal installation is the title done with the H2 element, so it would be "div#content h2" in the stylesheet of the template.

Ronny
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

Re: Changing the Title Style

Post by bcsweb1 »

I want to make the title .ver12b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666}

How would I code that in my stylesheet - here is my stylesheet:

Code: Select all

.ver12 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666}
.ver12b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666}
.announce {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF}
.ver9 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: normal}
.ver10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666666}
.ver10wh {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF}
.ver10gr {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #006633}
.ver14b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666}
.ver10i { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #666666; font-style: italic}
/* end original css */
/* pad the cmsms content areas a bit */
#news-container {padding-left:5px;}
#content-container {padding:5px 15px 25px;}
#extra-container {padding:15px;}

/* add content styles here and you could remove 
the original classes from css and the template */

/* some basic news styles, uses the default cmsms 1.2 news templates */
div.NewsSummaryPostdate {display:none;}
div.NewsSummaryLink {font-weight:bold;border-bottom:1px dotted;}
div.NewsSummaryLink a{text-decoration:none;}
#NewsPostDetailCategory,#NewsPostDetailAuthor,div.NewsSummaryCategory {text-align:right;margin-bottom:1em;font-size:85%;font-style:italic;}
div.NewsSummaryAuthor,div.NewsSummaryAuthor {display:none;}
#NewsPostDetailAuthor,#NewsPostDetailTitle {float:left;}
#sidebar div.NewsSummaryAuthor,#sidebar div.NewsSummaryCategory {display:none;}
div.NewsSummaryCategory {float:right;}
div.NewsSummarySummary,div.NewsSummaryContent {clear:both;}
div.NewsSummaryMorelink,div.NewsSummaryContent {padding-bottom:1.5em;}
#content div.NewsSummary {padding-top:1em;}
#sidebar div.NewsSummaryMorelink {text-align:right;}
#NewsPostDetailDate {float:right;margin-top:.7em}
#NewsPostDetailSummary,#NewsPostDetailContent {clear:both;margin-bottom:1.5em;}
#NewsPostDetailHorizRule {clear:both;border:0 none;border-top:1px dotted}
#NewsPostDetailPrintLink {margin-left:60%;}
#NewsPostDetailReturnLink {margin-right:60%;text-align:right;margin:-1.25em 60% 1.5em 0}


User avatar
kermit
Power Poster
Power Poster
Posts: 693
Joined: Thu Jan 26, 2006 11:46 am

Re: Changing the Title Style

Post by kermit »

if you wanted to keep using the original .classes, which appear to be from the original 'slicing' of the design; you can add class="classtouse" to the tag (or whatever you want it applied to); whether it's in your template or on each page.

but, the better thing to do would be to create general styles for the basic html tags, like eadings, aragraphs, st items, etc. so that you only ever need to edit the css. that's what i meant when i added this note to the css:

/* add content styles here and you could remove
the original classes from css and the template */
eternity (n); 1. infinite time, 2. a seemingly long or endless time, 3. the length of time it takes a frozen pizza to cook when you're starving.
4,930,000,000 (n); 1. a very large number, 2. the approximate world population in 1986 when Microsoft Corp issued its IPO. 3. Microsoft's net profit (USD) for the quarter (3 months) ending 31 March 2007.
CMSMS migration and setup services | Hosting with CMSMS installed and ready to go | PM me for Info
bcsweb1
Forum Members
Forum Members
Posts: 54
Joined: Tue Nov 13, 2007 2:39 pm

Re: Changing the Title Style

Post by bcsweb1 »

Well, I open up my style sheet and based on what you said I entered the following values...

/* add content styles here and you could remove
the original classes from css and the template */
#h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #006633}

However nothing seem to change on the site???
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: Changing the Title Style

Post by RonnyK »

Please post your template, to see what element is wrapped around the {title} calling.
You can also check one of the default installs, there is it something like {title} within the content-containere and thus styled like "div#content h2"


Ronny
Post Reply

Return to “Layout and Design (CSS & HTML)”