카드갤러리 스킨 리스트 스타일


@charset "utf-8";
/**
 * @author http://www.cosmosfarm.com/
 */

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

img { border: 0; }
.cut_strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

.kboard-card-gallery-button-small { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
.kboard-card-gallery-button-small,
.kboard-card-gallery-button-small:link,
.kboard-card-gallery-button-small:visited { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: normal; color: black !important; background-image: none !important; background-color: transparent !important; border: 1px solid #e3e3e3; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none !important; box-shadow: none !important; }
.kboard-card-gallery-button-small:hover,
.kboard-card-gallery-button-small:focus,
.kboard-card-gallery-button-small:active { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #6ac7eb !important; border: 1px solid #6ac7eb; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none !important; box-shadow: none !important; }

.kboard-card-gallery-poweredby { float: left; padding-bottom: 15px; width: 100%; font-size: 12px; }

#kboard-card-gallery-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-card-gallery-list * { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
#kboard-card-gallery-list .kboard-header { float: left; width: 100%; }
#kboard-card-gallery-list .kboard-category { float: left; padding-bottom: 5px; width: 100%; }
#kboard-card-gallery-list .kboard-category select { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; font-size: 12px; width: 120px; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 1px solid #e3e3e3; box-shadow: none; }
#kboard-card-gallery-list .kboard-list { float: left; margin: 0; padding: 0; width: 100%; list-style: none; }
#kboard-card-gallery-list .kboard-list a { text-decoration: none; border: 0; text-shadow: none; box-shadow: none; }
#kboard-card-gallery-list .kboard-list-item { position: relative; float: left; margin: 0 1% 1% 0; padding: 0; width: 32%; height: 500px; list-style: none; border: 1px solid #e3e3e3; cursor: pointer; background-color: white; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-thumbnail { height: 160px; background-size: cover; background-position: center; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-title { padding: 10px 5px; text-align: center; color: black; font-size: 16px; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-title img { display: inline; margin: 0; padding: 0; max-width: 100%; vertical-align: middle; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-summary { padding: 0 5px; text-align: center; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-size: 13px; line-height: 20px; height: 60px; color: #818181; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-catetory { padding: 10px 5px 0 5px; text-align: center; line-height: 20px; font-size: 12px; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-user { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; line-height: 20px; font-size: 12px; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-vote { position: absolute; right: 2px; top: 2px; padding: 2px 4px; font-size: 11px; color: #c2c2c2; opacity: 0.5; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-vote img { vertical-align: middle; }
#kboard-card-gallery-list .kboard-list-item:hover { background-color: #fafafa; }
#kboard-card-gallery-list .kboard-list-item:hover .kboard-list-thumbnail { opacity: 0.7; transition-duration: 0.5s; }
#kboard-card-gallery-list .kboard-list-item:hover .kboard-list-vote { background-color: white; border-radius: 5px; opacity: 1; transition-duration: 0.5s; }
#kboard-card-gallery-list .kboard-pagination { float: left; padding: 15px 0; width: 100%; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; line-height: 40px; list-style: none; text-align: center; border: 0; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li a { padding: 6px 11px; border: 1px solid #dddddd; text-decoration: none; font-size: 13px; color: #999999; background-color: white; box-shadow: none; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active a { border: 1px solid #6ac7eb; color: white; background-color: #6ac7eb; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#kboard-card-gallery-list .kboard-search { float: left; padding-bottom: 5px; width: 100%; text-align: center; }
#kboard-card-gallery-list .kboard-search select { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; font-size: 12px; width: 80px; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 1px solid #e3e3e3; vertical-align: middle; box-shadow: none; }
#kboard-card-gallery-list .kboard-search input { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0;  font-size: 12px;width: 120px; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 1px solid #e3e3e3; vertical-align: middle; box-shadow: none; }
#kboard-card-gallery-list .kboard-control { float: left; padding: 15px 0 1px 0; width: 100%; text-align: right; }

#kboard-card-gallery-editor { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-card-gallery-editor select { display: inline; margin: 0; padding: 0; font-size: 12px; width: 30%; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #cccccc; box-shadow: none; background-color: transparent; }
#kboard-card-gallery-editor input[type=text],
#kboard-card-gallery-editor input[type=email],
#kboard-card-gallery-editor input[type=password] { display: inline; margin: 0; padding: 0; font-size: 12px; width: 30%; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #cccccc; box-shadow: none; background-color: transparent; }
#kboard-card-gallery-editor input[type=file] { display: inline; margin: 0; padding: 0; width: 30%; font-size: 12px; color: #666666; border-radius: 0; border: 0; box-shadow: none; background-color: transparent; }
#kboard-card-gallery-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; background-color: white; }
#kboard-card-gallery-editor .kboard-attr-row * { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
#kboard-card-gallery-editor .kboard-attr-title { float: left; }
#kboard-card-gallery-editor .kboard-attr-title input { width: 80%; }
#kboard-card-gallery-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 20px; width: 120px; line-height: 30px; color: #545861; font-size: 12px; font-weight: bold; }
#kboard-card-gallery-editor .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; max-width: 100%; vertical-align: middle; }
#kboard-card-gallery-editor .kboard-attr-row .attr-value { font-size: 12px; line-height: 30px; }
#kboard-card-gallery-editor .kboard-attr-row .attr-value .attr-value-option { padding-right: 20px; cursor: pointer; }
#kboard-card-gallery-editor .kboard-content { float: left; padding: 9px 0; width: 100%; border-bottom: 1px solid #e3e3e3; text-align: center; background-color: white; }
#kboard-card-gallery-editor .kboard-content textarea { display: inline; margin: 0; padding: 0; width: 98%; height: 250px; border-radius: 0; border: 1px solid #cccccc; font-size: 12px; }
#kboard-card-gallery-editor .kboard-control { float: left; padding: 15px 0; width: 100%; }
#kboard-card-gallery-editor .kboard-control .left { position: static; float: left; }
#kboard-card-gallery-editor .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }

#kboard-card-gallery-document { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-card-gallery-document * { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
#kboard-card-gallery-document .kboard-header { float: left; margin-top: 0; width: 100%; }
#kboard-card-gallery-document .kboard-document-wrap { float: left; width: 100%; background-color: white; }
#kboard-card-gallery-document .kboard-title { float: left; width: 100%; }
#kboard-card-gallery-document .kboard-title p { margin: 0; padding: 12px 0; color: #434a53; font-size: 30px; }
#kboard-card-gallery-document .kboard-detail { float: left; padding-bottom: 12px; width: 100%; font-size: 12px; }
#kboard-card-gallery-document .kboard-detail .detail-attr { display: inline-block; *display: inline; zoom: 1; float: left; margin: 0; padding: 12px; }
#kboard-card-gallery-document .kboard-detail .detail-attr * { color: #c2c2c2; text-decoration: none; }
#kboard-card-gallery-document .kboard-detail .detail-attr .detail-name { float: left; text-align: right; }
#kboard-card-gallery-document .kboard-detail .detail-attr .detail-value { float: left; padding-left: 5px; }
#kboard-card-gallery-document .kboard-detail .detail-attr .detail-value img { vertical-align: middle; }
#kboard-card-gallery-document .kboard-content { clear: both; float: left; width: 100%; min-height: 200px; }
#kboard-card-gallery-document .kboard-content .content-view { margin: 0; padding: 12px 0; word-break: break-all; }
#kboard-card-gallery-document .kboard-content .content-view img { margin-top: 0; margin-bottom: 0; max-width: 100%; }
#kboard-card-gallery-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-card-gallery-document .kboard-document-action { float: left; padding: 0 0 5px 0; width: 100%; line-height: 1; }
#kboard-card-gallery-document .kboard-document-action .left { position: static; float: left; }
#kboard-card-gallery-document .kboard-document-action .right { position: static; float: right; text-align: right; }
#kboard-card-gallery-document .kboard-attach { padding: 0 0 5px 0; font-size: 12px; }
#kboard-card-gallery-document .kboard-button-action { margin: 0 0 5px 0; padding: 4px 5px; font-size: 12px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: transparent; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
#kboard-card-gallery-document .kboard-button-like { color: #ff5959; }
#kboard-card-gallery-document .kboard-button-unlike { color: #3d62aa; }
#kboard-card-gallery-document .kboard-button-print { color: gray; }
#kboard-card-gallery-document .kboard-comments-area { float: left; width: 100%; }
#kboard-card-gallery-document .kboard-document-navi { float: left; padding-top: 15px; width: 100%; }
#kboard-card-gallery-document .kboard-document-navi a { display: block; text-decoration: none; border: 0; font-size: 13px; line-height: 20px; box-shadow: none; color: #545861; }
#kboard-card-gallery-document .kboard-document-navi .navi-document-title { display: block; }
#kboard-card-gallery-document .kboard-document-navi .navi-arrow { position: absolute; display: block; }
#kboard-card-gallery-document .kboard-document-navi .kboard-prev-document { position: relative; float: left; width: 50%; }
#kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 15px; }
#kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-arrow { left: 0; top: 0; }
#kboard-card-gallery-document .kboard-document-navi .kboard-next-document { position: relative; float: right; width: 50%; text-align: right; }
#kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-document-title { padding-right: 15px; }
#kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-arrow { right: 0; top: 0; }
#kboard-card-gallery-document .kboard-control { float: left; padding: 15px 0;  width: 100%; }
#kboard-card-gallery-document .kboard-control .left { position: static; float: left; }
#kboard-card-gallery-document .kboard-control .right { position: static; float: right; text-align: right; }

#kboard-card-gallery-latest { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-card-gallery-latest * { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
#kboard-card-gallery-latest .kboard-list { float: left; margin: 0; padding: 0; width: 100%; list-style: none; }
#kboard-card-gallery-latest .kboard-list a { text-decoration: none; border: 0; text-shadow: none; box-shadow: none; }
#kboard-card-gallery-latest .kboard-list-item { position: relative; float: left; margin: 0 0 5px 0; padding: 0; width: 100%; height: 50px; list-style: none; border: 0; cursor: pointer; }
#kboard-card-gallery-latest .kboard-list-item .kboard-list-thumbnail { float: left; width: 70px; height: 50px; background-size: cover; }
#kboard-card-gallery-latest .kboard-list-item .kboard-list-title { padding-left: 5px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 25px; height: 50px; }
#kboard-card-gallery-latest .kboard-list-item .kboard-list-title img { display: inline; margin: 0; padding: 0; max-width: 100%; vertical-align: middle; }

@media screen and (max-width: 600px) {
	#kboard-card-gallery-list .kboard-category { padding: 0; width: 100%; text-align: center; }
	#kboard-card-gallery-list .kboard-category select { margin-bottom: 5px; width: 100%; }
	#kboard-card-gallery-list .kboard-search { clear: both; float: left; width: 100%; text-align: center; }
	#kboard-card-gallery-list .kboard-search select { float: left; margin-right: 1%; width: 29%; }
	#kboard-card-gallery-list .kboard-search input { float: left; margin-right: 1%; width: 49%; }
	#kboard-card-gallery-list .kboard-search button { float: left; width: 20%; }
	#kboard-card-gallery-list .kboard-list-item { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; height: 330px; list-style: none; border: 1px solid #e3e3e3; cursor: pointer; background-color: white; }
	#kboard-card-gallery-list .kboard-list-item .kboard-list-vote { background-color: white; border-radius: 5px; opacity: 1; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li { display: none; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.first-page,
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page,
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
	
	#kboard-card-gallery-editor select,
	#kboard-card-gallery-editor input[type=text],
	#kboard-card-gallery-editor input[type=email],
	#kboard-card-gallery-editor input[type=file],
	#kboard-card-gallery-editor input[type=password] { width: 100%; }
	#kboard-card-gallery-editor .kboard-attr-row { padding: 10px 0; }
	#kboard-card-gallery-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
	#kboard-card-gallery-editor .kboard-attr-row .attr-value { font-size: 12px; line-height: 30px; }
	
	#kboard-card-gallery-document .kboard-title p { font-size: 20px; }
	#kboard-card-gallery-document .kboard-detail .detail-attr { padding: 5px 10px 5px 0; }
	#kboard-card-gallery-document .kboard-document-navi .kboard-prev-document { width: 100%; }
	#kboard-card-gallery-document .kboard-document-navi .kboard-next-document { margin-top: 10px; float: left; width: 100%; text-align: left; }
}

카드갤러리 스킨을 사용하고있는 중입니다.

리스트를 커스텀 하고있는데

내용부분을 5줄로 늘리고,

리스트에 내용이 출력되는 박스높이가 500px 정도로 지정하고싶어

커스텀을 했는데 스타일이 아무것도 먹히지않네요

리스트부분만 커스텀을 하고싶어

26 ~ 40 줄 사이위주로 수정해보았지만 아무것도 바뀌지않아요

테스트로 텍스트사이즈도 수정해보았는데 변화가없고

스타일은 변화를 줄수없도록 막아놓은건가요?

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 저희가 기술적으로 파일 수정까지 막을수는 없습니다^^;;

    style.css 파일을 수정하면 적용되어야 합니다.

    다만 워드프레스 캐시 플러그인, 호스팅, 브라우저의 캐시 때문에 수정된 내용이 업데이트가 안될 가능성은 있습니다.

    제가 보기에는 워드프레스에 캐시 기능이 있는 플러그인이 있는 듯합니다.

    어떤 플러그인을 사용중이신지요?

  • 혹시 세로사이즈를 늘리는데있어 수정해야할 파일이 더있나요?

  • 플러그인에 캐시 기능이있는 플러그인을 사용하지않고있는데, 다른 css 들은 수정이되는데 Kboard만 수정이 안되는상황입니다.

    혹시몰라 플러그인 목록들써봅니다.

    BP Member Reviews

    Buddypress reorder tabs

    Buddypress simple terms

    buddyverified

    contact bank pro edition

    email templates

    Inicis for woocommerce

    kboard:게시판

    kboard:댓글

    mail from

    mailchimp for wordpress

    marketplace

    my wordpress login logo

    postman smtp

    slider

    smk sidebar generator

    the events calendar

    wc vendors pro

    widget importer & exporter

    woocommerce

    wp-members

    wpbakery visual composer

    buddypress

  • 추가로 확인해보니 원인을 알았습니다.

    스킨 폴더를 복사해서 사용하고 계시는데요.

    http://beansquare.co.kr/wp-content/plugins/kboard/skin/card-gallery/style.css <- 이쪽은 500px 로 수정되어 있습니다.

    http://beansquare.co.kr/wp-content/plugins/kboard/skin/card-gallery2/style.css <- 이쪽은 330px 입니다.

    http://beansquare.co.kr/wp-content/plugins/kboard/skin/card-gallery3/style.css <- 이쪽은 330px 입니다.

    즉, 수정이 안된게 아니라 다른쪽 파일의 CSS 속성이 덮어쓰기 된 모양입니다.

    각각 스킨에서 #kboard-card-gallery-list 아이디 값이 중복되지 않게 변경을 해주시거나

    아래처럼 !important 속성을 추가해서 강제로 적용을 해보시겠어요?

    #kboard-card-gallery-list .kboard-list-item { position: relative; float: left; margin: 0 1% 1% 0; padding: 0; width: 32%; height: 500px !important; list-style: none; border: 1px solid #e3e3e3; cursor: pointer; background-color: white; }

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기