1
wyattwang
Changing the fonts and colour scheme of default theme
  • 2008/1/27 13:03

  • wyattwang

  • Just popping in

  • Posts: 13

  • Since: 2007/7/1 2


Hi guys,

I have been trying to find out where can i change the fonts and colour scheme (i hate that grey scheme) in the default theme. my website is http://www.buddhistfellowship.org/xoops/.

Looked into style.css but cant really find it.

i trying to improve the design of my website but I am a lousy web designer.

any help will be great.

thanks!
wyatt

2
kris_fr
Re: Changing the fonts and colour scheme of default theme
  • 2008/1/27 13:47

  • kris_fr

  • Theme Designer

  • Posts: 1009

  • Since: 2005/12/31


hi,
body {color#000; background-color: #fff; margin: 0; padding: 0;}

here general text color (color:#000)

table td {padding0border-width0vertical-aligntopfont-familyVerdanaArialHelveticasans-serif;}

here, font for table td (font-family)

{color#666; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color#ff6600;}

here text color for hyperlink text

li margin-left2pxcolor#2F5376;}

text color for list

.itemHead {padding3pxbackground-color#2F5376; color: #fff;}
.itemInfo {text-alignrightpadding3pxbackground-color#efefef}
.itemTitle a {font-size130%; font-weightboldfont-variantsmall-capscolor#fff; background-color: transparent;}

text color for content (ex : news module)

th {background-color#2F5376; color: #fff; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

text color and font for table head

td#leftcolumn th {background-color: #2F5376; color: #fff; vertical-align: middle;}

text color for table head in left column

td#leftcolumn div.blockTitle {padding: 3px; background-color: #ddd; color: #639ACE; font-weight: bold;}
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;}

text color for block title in left column

#centercolumn th {background-color: #2F5376; color: #fff; vertical-align: middle;}

text color for table head in center column

#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}

text color for block title in center center block

#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
    
padding3pxcolor#639ACE; font-weight: bold; margin-top: 0px;
}

text color for block title in center left and center right block

td#rightcolumn th {background-color: #2F5376; color: #fff; vertical-align: middle;}

text color for table head in right column

td#rightcolumn div.blockTitle {padding: 3px; background-color: #ddd; color: #639ACE; font-weight: bold;}

text color in block title for right column


td#mainmenu a:hover {background-color: #fff;}

text color for mainmenu block (but under "hover")

td#usermenu a:hover {background-color: #fff;}

text color for usermenu block (but under "hover")


div.xoopsCode background#fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; height: 200px; overflow: auto;}
div.xoopsQuote background#fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}

text color and font family for "code" and "quote"


.comUserStat {font-size10pxcolor#2F5376; font-weight:bold; border: 1px solid #c0c0c0; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatus {margin-left2pxmargin-top10pxcolor#2F5376; font-weight:bold; font-size: 10px;}

divers text color for content (ex : module newbb/cbb)

@++

Login

Who's Online

179 user(s) are online (78 user(s) are browsing Support Forums)


Members: 0


Guests: 179


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Aug 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits