The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Change the section titles

View previous topic View next topic Go down

Solved Change the section titles

Post by ian2000 on December 24th 2014, 2:10 am

I want to know where in the settings I can change the font and color of the titles of the sections/forums that show up on each page. I've attached two images with black boxes around what I want to change, as well as my CSS code.


(I want to change the color from light gray to white and the font size to be a little bigger)
(live version of my forum if its easier to see what I mean:My forum
Thanks!






CSS:
Code:
body {
background: #333d46 url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/custom/layer.png);
font: 13px/22px 'Verdana', 'Arial', sans-serif;
margin: 0 auto;
padding: 0;
}
a { outline: none;}
span, p, form { margin: 0; padding: 0;}
.wrapper { width: 980px; margin: 0 auto;}
#header { height: 90px; background: #91c5cd; border-bottom: 2px solid #7CB0B8;}
#logo { display: block; float: left; width: 136px; height: 48px; background: url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/custom/logo.png) 50% 0 no-repeat; margin-top: 21px;}
#search { float: right; width: 240px; height: 32px; border: 1px solid #76abb5; margin-top: 30px; border-radius: 5px;}
#search input { float: left; background: none; border: none; outline: none;   padding: 0;}
#search input[type=text] { width: 186px; height: 16px; line-height: 16px; padding: 8px 10px; color: #C0F0F0; font-family: 'Verdana', sans-serif; font-size: 14px;}
#search input[type=text]:focus { background: #85B9C1; color: #D3FFFF; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
#search input[type=submit] { background: url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/custom/loupe.png) 0 0 no-repeat; border-left: 1px solid #76abb5; border-radius: 0; width: 32px; height: 32px; cursor: pointer;}
#navbar { height: 50px; padding: 20px 0; background: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);}
#topnav, #topnav ul { margin: 0; padding: 0; z-index: 999;}
#topnav li { float: left; margin: 0; padding: 0; position: relative; list-style: none;}
#topnav > li { margin-right: 2px; padding-bottom: 5px;}
#topnav li a { display: block; text-decoration: none; -o-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -webkit-transition: all .15s ease-out; transition: all .15s ease-in-out;}
#topnav > li > a { line-height: 50px; padding: 0 18px; border-radius: 5px; font-size: 14px; font-weight: 700; color: #555F67;}
#topnav > li > a.active { background-color: #FE7B7F; color: #fff;}
#topnav > li:hover > a { background: #4D5760; color: #fff;}
#topnav li ul { position: absolute; width: 210px; left: -999em; padding: 5px 0; background: #4D5760; border-radius: 5px;}
#topnav li li { width: 200px; height: auto;}
#topnav li li a { display: block; width: 174px; padding: 0 18px; color: #fff; height: auto; float: none; line-height: 30px; font-size: 13px;}
#topnav ul li a:hover { color: #F68589;}
#topnav li:hover ul { left: 0; top: 52px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul { top: -999em; left: auto;}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul { left: 190px; top: 0;}
#button_login, #button_register, #button_logout { display: none;}
#board-notice { padding: 20px 0; line-height: 20px; text-align: right; font-size: 12px;}
#board-notice strong, #board-notice a {   margin-right: 10px; color: #ABB5BD;}
#board-notice strong { color: #CCD6DE;}
#board-notice span { background: #91C5CD; padding: 2px 6px; font-weight: bold; color: #fff; border-radius: 2px;}
#board-notice a:hover { text-decoration: none; color: #ddd;}
#board-notice a:hover span { background: #84B8C0;}
#content-wrapper { margin-bottom: 40px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);}
#toolbar { height: 60px; background-color: #555F68; background-image: linear-gradient(#5b656e, #4e5861); border-bottom: 1px solid #3E4248;}
#quicknav { float: left; margin: 15px 0 0 15px;}
#quicknav ul { margin: 0; padding: 0;}
#quicknav li { float: left; list-style: none; margin: 0 3px 0 0; padding: 0;}
#quicknav li a { display: block; padding: 0 0 0 15px; line-height: 34px; font-size: 13px; color: #fff; text-transform: uppercase;}
#quicknav li.social a { background: #fff url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/custom/social.png) no-repeat; height: 34px; width: 34px; padding: 0; text-indent: -9999px; border-radius: 34px;}
#quicknav li.facebook a { background-position: 0 0;}
#quicknav li.twitter a { background-position: 0 -78px;}
#quicknav li.googleplus a { background-position: 0 -156px;}
#quicknav li.dribble a { background-position: 0 -234px;}
#quicknav li.flickr a { background-position: 0 -312px;}
#quicknav li.youtube a { background-position: 0 -390px;}
#quicknav li.pinterest a { background-position: 0 -468px;}
#quicknav li.rss a { background-position: 0 -546px;}
#quicknav li.facebook:hover a { background-position: 0 -39px;}
#quicknav li.twitter:hover a { background-position: 0 -117px;}
#quicknav li.googleplus:hover a { background-position: 0 -195px;}
#quicknav li.dribble:hover a { background-position: 0 -273px;}
#quicknav li.flickr:hover a { background-position: 0 -351px;}
#quicknav li.youtube:hover a { background-position: 0 -429px;}
#quicknav li.pinterest:hover a { background-position: 0 -507px;}
#quicknav li.rss:hover a { background-position: 0 -585px;}
#account { float: right; margin: 15px 15px 0 0;}
#account input { float: left; border: none; outline: none; padding: 0; margin-left: 5px; color: #7A848D; line-height: 1;}
#account input[type=text], #account input[type=password] { background: #566069; border: 1px solid #45494F; width: 120px; height: 18px; padding: 7px 10px; border-radius: 5px; font-family: 'Verdana', sans-serif; font-size: 14px;}
#account input[type=text]:focus, #account input[type=password]:focus { background: #4C565F; border-radius: 5px; color: #9BA5AE;}
#account input[type=submit] { background: #91C5CD url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/custom/login.png) 0 0 no-repeat; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#account input[type=submit]:hover { background-color: #7FB3BB;}
#account .signup-btn { background: #ff8488 url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/custom/login.png) 0 -39px no-repeat; float: left; margin-left: 5px;}
#account .signup-btn:hover { background-color: #EC7175;}
#account input[type=submit], #account a.signup-btn { height: 34px; width: 34px; cursor: pointer; border-radius: 34px;}
#account ul { margin: 7px 0 0; padding: 0; line-height: 20px;}
#account li { float: left; list-style: none; padding: 0; margin: 0;}
#account li:first-child { color: #A1ABB4; margin-right: 10px;}
#account li:first-child span { color: #fff; text-transform: uppercase;}
#account li a { display: block; padding: 0 8px; color: #F07F83; border-left: 1px solid #636D76;}
#main-content { background-color: #fff; padding: 15px;}
#footer { padding: 30px 0; background: #4B555D; color: #889497; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
#footer .wrapper { position: relative;}
#footer a { color: #FE8D91; font-size: 13px; font-family: 'Verdana', sans-serif;}
#footer a.backtop { position: absolute; top: 0; right: 0; display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/custom/backtop.png) 0 0 no-repeat; height: 22px; width: 22px;}
#footer a.backtop:hover { background-position: 0 -27px;}
#footer strong { color: #ADB9BC;}
.table_list { border-collapse: collapse; border-spacing: 0;}
.table_list .content td, .table_grid tbody td, #forumposts .windowbg, #forumposts .windowbg2 { border-bottom: 1px solid #DEE8F1;}
.table_list .divider td { height: 15px;}
.table_list .content .info a.subject:hover, .table_grid .subject-title a:hover { color: #D66569;}
.table_list .icon img { vertical-align: middle;}
.table_list .stats, .table_list .lastpost { font-size: 11px;}
.table_list .stats span, .table_list .lastpost span, .table_list .info, .infocenter { font-size: 13px;}
.lastpost a, .stats strong { color: #4F5961; font-weight: 700;}
.mark_read { overflow: hidden; margin-top: -10px; margin-bottom: 15px;}
.mark_read .buttonlist ul { padding: 0; margin: 0;}
.table_grid .icon2 { width: 6%;}
.table_grid .subject-title a { font-size: 15px; color: #EA797D; font-weight: 700;}
.table_grid .lastpost { text-align: right;}
.table_grid .stats { text-align: left;}
.table_grid .stats, .table_grid .lastpost, .table_grid .subject { font-size: 11px;}
.table_grid .stats span, .table_grid .lastpost span { font-size: 63px; color: #4F5961;}
#topic_icons .description, .plainbox { background: #f6f6f6; border: 1px solid #DEE8F1; color: #5f5f5f;}
#forumposts .windowbg, #forumposts .windowbg2, #personal_messages .windowbg, #personal_messages .windowbg2 { border-bottom: 1px solid #DEE8F1;}
table.calendar_table tr th { color: #fff; font-size: 13px;}
#advanced_search { margin-bottom: 5px;}
.adm_section > .cat_bar { padding-left: 0; background: none;}
.adm_section > .cat_bar > h4 { background: #58626B; border-radius: 3px; padding: 0 10px;}
.adm_section > .cat_bar > h4 a:hover { color: #F07F83;}
.adm_section > .smalltext > li a { font-size: 12px; line-height: 26px; color: #555F67;}
a:link,a:active,a:visited {text-decoration: none !important; }
.main .main-foot, .main .main-head {
background: url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/theme/main_block.png) no-repeat 0 -164px;
padding: 0;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: -1px;
}
.cat_bar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/theme/main_block.png) no-repeat 0 -252px;
margin-bottom: 0;
padding: 8px;
color: #fff;
}div.title_barIC {
background: url(http://demo.dzinerstudio.com/smf2/Themes/pelikan-smf20/images/theme/main_block.png) no-repeat 0 -120px;
padding: 3px;
padding-left: 9px;
height: 31px;
overflow: hidden;
margin: 8px 0;
}


ian2000
Forumember

Posts : 38
Reputation : 3
Language : English

http://onyxlegion.forumotion.net/

Back to top Go down

Solved Re: Change the section titles

Post by Ange Tuteur on December 24th 2014, 3:03 am

Hello @ian2000,

Add this rule to your stylesheet :
Code:
.main .main-head *, .main .main-foot * {
 color:#FFF;
 font-size:16px !important;
 margin-top:5px;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change the section titles

Post by ian2000 on December 24th 2014, 3:13 am

Thank you so much! Love the fast response.

ian2000
Forumember

Posts : 38
Reputation : 3
Language : English

http://onyxlegion.forumotion.net/

Back to top Go down

Solved Re: Change the section titles

Post by Ange Tuteur on December 24th 2014, 3:38 am

You're welcome

Topic archived

If you have anymore questions don't hesitate to open a new topic. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum