Tistory정보

오딧세이 스킨 상단 메뉴바 정렬, 전체 매뉴 글 색상 css 변경

summerorange 2022. 8. 12. 00:08
반응형

1) 상단 메뉴바를 만들고 우측으로 정렬

css 에 들어가서 다음과 같이 수정했다.

.header .tt_category .category_list .header .topnevmenu > ul { text-align:right }

적용하고 새로고침하면 다음과 같이 맨 위의 상단의 메뉴바가 우측으로 정렬된 것을 확인함.

혹은 가운데 정렬로 수정한다면,

맨 위의 text-align: right를 삭제 후, 다음의 코드 2개를 넣으면 정렬이 된다.

.header .tt_category .category_list .header .topnevmenu > ul { display: flex; justify-content: center; }

 

2) 카테고리 글자 색상 조정

홈으로 돌아갔을 때 전체글의 색상을 좀 손봤다

전체글을 보여줄 때 색상을 orange 색으로 맞춰주고 싶어서

.article-type-common .title { color: #f77f00; }

으로 수정

분류 전체 보기에서 색상이 회색이라서 해당 부분도 수정하기 위해서

.article-type-common .summary { color: #111; }

세부 카테고리 색상도 좀... 덜 회색으로 111 ~ 999 있는데 999에 가까워질 수록 흰색에 가까운 회색이라서 적당히 조절해주었다.

.article-type-common .link-category { color: #333; }

 

사실 헤더 header 부분을 orange 색상으로 배경을 좀 만들고 싶었는데, 뭔가 색감이.. 

orange 색상 표를 봐도 좀 딱 이거다 싶은 게 없어서 일단은 나두었다. 

 

오늘은 여기까지~!

 

반응형