사이드바와 css

Question

강의를 다 보고 적용이 안되는게 있어서 질문 드립니다. 1. 좌측 사이드바의 배경은 어떤 방법으로 바꾸는 건가요? sample에서 main_left 사진을 삭제하니 이제 파란색이 되었지만 배경을 넣고 싶네요. 2. 마지막 이전, 이후글 이동에서 css가 적용되지 않는데 어떤 방식으로 해결해야 하나요?

따라쟁이 · Answer

1. 사이드바 이미지는 "_config.yml" 파일에  image:               /assets/img/main_left.jpg 에서 바꿀수 있습니다. 2. 이전, 이후글 css 적용은 "assets/css/hydejack.css" 파일에서 스타일을 적용할수 있습니다. .button {   box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); background-color:#ffffff; border-radius:16px; border:3px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:18px; font-weight:bold; padding:6px 100px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } .button:hover {   background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%); background-color:#f6f6f6; } .button:active {   position:relative; top:1px;   } .page-control-upside {   height: 100%;   display: flex;   align-items: center;   justify-content: space-between; } .page-control-upside > div {   max-width: 50%; } .btn {   box-shadow:inset 0px 1px 0px 0px #ffffff;   background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);   background-color:#6942f3;   border-radius:16px;   border:3px solid #dcdcdc;   display:inline-block;   cursor:pointer;   color:#666666;   font-family:Arial;   font-size:12px;   font-weight:bold;   padding:6px 50px;   text-decoration:none;   text-shadow:0px 1px 0px #ffffff; } .btn:hover {   background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);   background-color:#f6f6f6; } .btn:active {   position:relative;   top:1px;   }