반응형
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 색상 표를 봐도 좀 딱 이거다 싶은 게 없어서 일단은 나두었다.
오늘은 여기까지~!
반응형
'Tistory정보' 카테고리의 다른 글
tistory) 티스토리 글꼴(font) 설정하기 - 22.09 (0) | 2022.09.06 |
---|---|
티스토리 favicon 만들기, 파비콘 (0) | 2022.08.22 |
오디세이 스킨) 본문 포스팅 사이즈 변경 (0) | 2022.08.10 |
오딧세이 티스토리 트위터 주소 및 타임라인 (0) | 2022.06.19 |
오딧세이 스킨에 Twitter 주소 추가 (0) | 2022.06.19 |