-
카테고리
-
세부 분야
기타 (개발 · 프로그래밍)
-
해결 여부
미해결
사이드바와 css
21.01.18 20:15 작성 조회수 80
0
강의를 다 보고 적용이 안되는게 있어서 질문 드립니다.
1. 좌측 사이드바의 배경은 어떤 방법으로 바꾸는 건가요? sample에서 main_left 사진을 삭제하니 이제 파란색이 되었지만 배경을 넣고 싶네요.
2. 마지막 이전, 이후글 이동에서 css가 적용되지 않는데 어떤 방식으로 해결해야 하나요?
답변을 작성해보세요.
0
따라쟁이
지식공유자2021.01.18
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;
}
답변 1