본문 바로가기

지혜의샘

티스토리 카테고리 색 바꾸는 법

 아래 빨간색의 카테고리색과 옆에 파란색의 작성일 글자색을 변경하는 방법입니다

예전에 티스토리 설정내에서 쉽게 바꾸는 법이 있어서 바꿔 봤다가 그 설정이 사라진 후에 고객센터에도 문의해보고

네이버에 물어봐도 딴소리만 하거나 고객센터는 알아보고 연락주다는 답변만 3번 듣고 2년이 다되가는데도 연락이 없네요

 

 

 

관리설정 중 꾸미기- HIML/CSS 편집 - style.css 안을 보시면

 

/* */ 카테고리색

.wrap_entry {overflow:hidden;width:/*@post-width=*/850px/*@*/;padding-bottom:37px;line-height:1.65em;}

.wrap_entry_tit {overflow:hidden;margin:23px 0 0 12px;padding:0 0 12px 0;font-size:11px;line-height:13px;letter-spacing:-1px;clear:both;}

.wrap_tit {overflow:hidden;margin-left:12px;padding:23px 0 12px 0;font-size:11px;line-height:13px;letter-spacing:-1px;background:url(images/bg_line.gif) repeat-x left bottom;}

.tit_prot {background:none;}

 

.category {padding:12px 0 0 12px;color:#36a1a1;}                                                 <------------------ 요기

.category a, .wrap_entry .wrap_cont .category span {color:#36a1a1;}             <------------------ 요기

.category .date {margin-left:10px;color:#36a1a1;}                                                <------------------ 요기

.category span {font-size:11px;}

.category {margin-right:4px;}

.wrap_entry .tit {overflow:hidden;float:left;width:/*@post-width:12=*/862px/*@*/;margin:0 11px 15px 0;padding-right:5px;}

.tit .link {font-size:/*@post-title-font-size=*/24px/*@*/;font-family:/*@post-title-font-family=*/inherit/*@*/;color:/*@post-title-color=*/#333333/*@*/;line-height:1.3em;text-decoration:none;}

.txt_bar {padding:0 6px 0 7px;font-size:11px;line-height:13px;color:#858585;}

 

.wrap_cont .date {font-size:10px;font-family:Tahoma;color:#36a1a1;;letter-spacing:0;}               <------------------ 요기

.wrap_cont .del,

.wrap_cont .modify {font-size:10px;font-family:Tahoma;color:#b1b1b1;letter-spacing:-1;white-space:nowrap;}

.wrap_entry .desc {overflow:hidden;}

.wrap_entry .edit {padding:-1px 0 0 0;}

.wrap_cont .text {display:block;margin-bottom:7px;}

.wrap_cont .fc_b1 {color:#b1b1b1;}

.wrap_cont .target {margin-left:2px;}

.wrap_cont .arrow {margin:0 3px 0 4px;}

.wrap_cont .txt_bar {margin:0 4px 0 3px;color:#dfdfdf;}

.wrap_entry .wrap_prot {float:right;width:/*@post-width:-15=*/835px/*@*/;padding:36px 0 43px;border:1px solid #d9f1f7;background-color:#f1fbfd;}

.wrap_entry .text {text-align:center;color:#858585;}

.wrap_prot .wrap_pass {overflow:hidden;width:100%;margin-top:12px;text-align:center;}

.wrap_prot .inner {display:table;display:inline-block;margin:0 auto;text-align:center;}

.wrap_prot .tf_pass {float:left;width:167px;height:19px;margin-right:4px;padding:0 5px;border:1px solid #c2e1e8;}

.wrap_prot .btn_submit {float:left;width:71px;height:23px;background:url(images/btn_confirm_s.gif) no-repeat 0 0;}

 

 

/* 공지사항 */ 옆에 날짜 색 변경 작성일색

.wrap_notice {overflow:hidden;width:/*@post-width=*/850px/*@*/;padding-bottom:30px;}

.wrap_notice .wrap_tit_notice {overflow:hidden;margin-left:12px;font-size:11px;font-size:13px;letter-spacing:-1px;color:#333;}

.wrap_notice .wrap_tit_notice .wrap_category {padding:12px 0 0 12px;color:#36a1a1;}        <------------------ 요기

.wrap_entry .date {padding:12px 0 0 0;color:#36a1a1;}                                                                <------------------ 요기

.wrap_notice .wrap_tit_notice .wrap_category .category {margin-right:4px;}

.wrap_notice .wrap_tit_notice .tit {float:left;margin:0 14px 8px 0;}

.wrap_notice .wrap_tit_notice .tit .link {font-size:24px;line-height:30px;color:#333;}

.wrap_notice .article {width:/*@post-width-12*/681px/*@*/;margin-left:12px;line-height:1.65em;}

 

 

 

 

<------------------ 요기  라고 표기한 곳을 원하는 색상코드로 변경해 주시면 됩니다