janek1234 Posted May 9, 2017 Share Posted May 9, 2017 witam Panowie, takie pytanie, mam stronę kategorii, http://mycoppercraft...-mirrors-frames i chcę pozbyć się tej opcja która się wyświetla po najechaniu kursorem, ( aby nie było widac opcji IN STOCK, ORAZ MORE i tego okienka) wiem że należy w plik global.css wkleić to : Kod: [Zaznacz] .product_list .right-block {display:none;} tylko że wtedy znika również nazwa produktu, a nazwę chciałbym zostawić. wiecie jak to zrobić ? pozdrawiam P Link to comment Share on other sites More sharing options...
amanet Posted May 9, 2017 Share Posted May 9, 2017 Witam, Aby ukryć opcję InStock należy dodać to: .product_list .right-block .availability span{ display:none } Aby ukryć opcję InStock należy dodać to: .product_list .right-block .button-container a span{ display:none } Link to comment Share on other sites More sharing options...
janek1234 Posted May 9, 2017 Author Share Posted May 9, 2017 (edited) a co z tym okienkiem ? jak je usunąć i jak usunąć ten guzik MORE ? dodałem .product_list .right-block .button-container a span{ display:none } w pliku global css i nic sie nie zmieniło Edited May 9, 2017 by janek1234 (see edit history) Link to comment Share on other sites More sharing options...
amanet Posted May 10, 2017 Share Posted May 10, 2017 Po naniesionych zmianach trzeba wyczyścić jeszcze cache w zakładce wydajność Link to comment Share on other sites More sharing options...
janek1234 Posted May 10, 2017 Author Share Posted May 10, 2017 spoko tyle to ja wiem cache mi się czyszczą po każdej modyfikacji. okno tez umiem usunąć, tylko że razem z oknem znika nazwa produktu Link to comment Share on other sites More sharing options...
amanet Posted May 11, 2017 Share Posted May 11, 2017 Linie które podałem należy wkleić do product_list.css lub global.css .product_list .right-block .availability span{display:none} .product_list .right-block .button-container a span{display:none} Te linie nie są dodane w żadnym z tych plików co widać po wejściu na sklep. Link to comment Share on other sites More sharing options...
janek1234 Posted May 12, 2017 Author Share Posted May 12, 2017 dzieki za chęć pomocy jest lepiej, ale nie idealnie. jak usunąć tą ramkę co pojawia się po najechaniu kursorem ? http://mycoppercraft.com/6-copper-mirrors-frames Link to comment Share on other sites More sharing options...
amanet Posted May 12, 2017 Share Posted May 12, 2017 Musisz dokładnie sprecyzować co chciałbyś osiągnąć. Jeśli ta ramka to ten cień który widać po najechaniu na produkt to należy usunąć ten kod z css: ul.product_list.grid > li .product-container .functional-buttons { background: url(http://mycoppercraft.com/themes/default-bootstrap/css/../img/functional-bt-shadow.png) repeat-x; padding: 11px 0 5px; } Link to comment Share on other sites More sharing options...
janek1234 Posted May 14, 2017 Author Share Posted May 14, 2017 (edited) jak domyślam sie to siedzi w pliku produst list css poniżej wklejam jego treść , chodzi mi o to aby po najeżdżaniu na produkt nic się nie działo, ( teraz wyskakuje te ramka) idealnie byłoby aby ramka się nie pojawiała mam jeszcze jedno pytanie, jak zmniejszyć odległość od nazwy i ceny ? , teraz cena jest wg mnie za nisko od nazwy przez co zabiera niepotrzebnie miejsce raz jeszcze dzięki za pomoc /******************************************************* Product list Styles ********************************************************/ ul.product_list .product-name { display: inline-block; width: 100%; overflow: hidden; } ul.product_list .availability span { display: inline-block; color: #fff; font-weight: bold; padding: 3px 8px 4px 8px; margin-bottom: 20px; } ul.product_list .color-list-container { margin-bottom: 12px; } ul.product_list .color-list-container ul li { display: inline-block; border: 1px solid #d6d4d4; width: 26px; height: 26px; } ul.product_list .color-list-container ul li a { display: block; width: 22px; height: 22px; margin: 1px; } ul.product_list .color-list-container ul li a img { display: block; width: 22px; height: 22px; } ul.product_list .product-image-container { text-align: center; } ul.product_list .product-image-container img { margin: 0 auto; } ul.product_list .product-image-container .quick-view-wrapper-mobile { display: none; } ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile { display: none; } @media (max-width: 1199px) { ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile { display: block; position: relative; background-color: rgba(208, 208, 211, 0.57); height: 130px; width: 85px; top: 80px; right: -162px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); zoom: 1; pointer-events: all; } ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i { position: relative; top: 48px; left: -20px; font-size: x-large; color: black; } ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i:before { -moz-transform: rotate(315deg); -o-transform: rotate(315deg); -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); } } @media (max-width: 1199px) { ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile:hover { background-color: rgba(167, 167, 167, 0.57); } } @media (max-width: 1199px) { ul.product_list .product-image-container .quick-view-wrapper-mobile { display: block; background-color: transparent; height: 155px; width: 215px; position: absolute; overflow: hidden; pointer-events: none; bottom: 0px; right: 0px; } } ul.product_list .product-image-container .quick-view { font: 700 13px/16px Arial, Helvetica, sans-serif; color: #777676; position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -53px; padding: 13px 0 0; background: rgba(255, 255, 255, 0.82); width: 107px; height: 43px; text-align: center; -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; } @media (max-width: 1199px) { ul.product_list .product-image-container .quick-view { display: none; } } @media (min-width: 1200px) { ul.product_list .product-image-container .quick-view { display: none; } } @media (max-width: 767px) { ul.product_list .product-image-container .quick-view { display: none; } } ul.product_list .comments_note { text-align: left; overflow: hidden; } ul.product_list .comments_note .star_content { float: left; } ul.product_list .comments_note .nb-comments { overflow: hidden; font-style: italic; } ul.product_list .functional-buttons div a, ul.product_list .functional-buttons div label { font-weight: bold; color: #777676; cursor: pointer; } ul.product_list .functional-buttons div.wishlist { border-right: 1px solid #d6d4d4; } ul.product_list .functional-buttons div.wishlist a:before { display: inline-block; font-family: "FontAwesome"; content: "\f08a"; margin-right: 3px; padding: 0 3px; } ul.product_list .functional-buttons div.wishlist a.checked:before { content: "\f004"; } @media (min-width: 992px) and (max-width: 1199px) { ul.product_list .functional-buttons div.wishlist { border-right: 0; } ul.product_list .functional-buttons div.wishlist a:before { display: none; } } @media (min-width: 480px) and (max-width: 767px) { ul.product_list .functional-buttons div.wishlist { border-right: 0; } ul.product_list .functional-buttons div.wishlist a:before { display: none; } } ul.product_list .functional-buttons div.compare a:before { content: "\f067"; display: inline-block; font-family: "FontAwesome"; margin-right: 3px; } @media (min-width: 992px) and (max-width: 1199px) { ul.product_list .functional-buttons div.compare a:before { display: none; } } @media (min-width: 480px) and (max-width: 767px) { ul.product_list .functional-buttons div.compare a:before { display: none; } } ul.product_list .functional-buttons div.compare a.checked:before { content: "\f068"; } /******************************************************* Product list(Grid) Styles ********************************************************/ ul.product_list.grid > li { padding-bottom: 20px; text-align: center; } @media (min-width: 480px) and (max-width: 767px) { ul.product_list.grid > li { width: 50%; float: left; } } ul.product_list.grid > li .product-container { background: #fff; padding: 0; position: relative; } ul.product_list.grid > li .product-container .product-image-container { border: 1px solid #d6d4d4; padding: 9px; margin-bottom: 13px; position: relative; } @media (max-width: 767px) { ul.product_list.grid > li .product-container .product-image-container { margin-left: auto; margin-right: auto; } } ul.product_list.grid > li .product-container .product-image-container .content_price { position: absolute; left: 0; bottom: -1px; width: 100%; background: url(../img/price-container-bg.png); padding: 9px 0; display: none; } ul.product_list.grid > li .product-container .product-image-container .content_price span { color: #fff; } ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price { color: #b1b0b0; } ul.product_list.grid > li .product-container h5 { padding: 0 15px 7px 15px; min-height: 53px; } @media (min-width: 1200px) { ul.product_list.grid > li .product-container .comments_note { display: none; } } ul.product_list.grid > li .product-container .comments_note .star_content { margin: 0 3px 12px 59px; } ul.product_list.grid > li .product-container .product-desc { display: none; } ul.product_list.grid > li .product-container .content_price { padding-bottom: 9px; line-height: 21px; } ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction { display: inline-block; } ul.product_list.grid > li .product-container .product-flags { display: none; } ul.product_list.grid > li .product-container .old-price { margin-right: 5px; } ul.product_list.grid > li .product-container .button-container { margin-bottom: 14px; } @media (min-width: 1200px) { ul.product_list.grid > li .product-container .button-container { display: none; } } ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button, ul.product_list.grid > li .product-container .button-container .lnk_view { margin: 0 6px 10px 6px; } @media (min-width: 1200px) { ul.product_list.grid > li .product-container .functional-buttons { display: none; } } ul.product_list.grid > li .product-container .functional-buttons div { width: 50%; float: left; padding: 3px 0 4px 0; } @media (min-width: 1200px) { @media (min-width: 992px) { ul.product_list.grid > li.first-in-line { clear: left; } } @media (min-width: 480px) and (max-width: 991px) { ul.product_list.grid > li.first-item-of-tablet-line { clear: left; } } @media (min-width: 1200px) { #blockpack ul > li.last-line { border: none; padding-bottom: 0; margin-bottom: 0; } } @media (min-width: 480px) and (max-width: 767px) { #blockpack ul > li.first-item-of-tablet-line { clear: none; } #blockpack ul > li.first-item-of-mobile-line { clear: left; } } /******************************************************* Product list(List) Styles ********************************************************/ @media (max-width: 479px) { ul.product_list.list > li .left-block { width: 100%; } } ul.product_list.list > li .product-container { border-top: 1px solid #d6d4d4; padding: 30px 0 30px; } ul.product_list.list > li .product-image-container { position: relative; border: 1px solid #d6d4d4; padding: 9px; } @media (max-width: 479px) { ul.product_list.list > li .product-image-container { max-width: 290px; margin: 0 auto; } } ul.product_list.list > li .product-image-container .content_price { display: none !important; } ul.product_list.list > li .product-flags { color: #333; margin: -5px 0 10px 0; } ul.product_list.list > li .product-flags .discount { color: #f13340; } ul.product_list.list > li h5 { padding-bottom: 8px; } ul.product_list.list > li .product-desc { margin-bottom: 15px; } @media (max-width: 479px) { ul.product_list.list > li .center-block { width: 100%; } } ul.product_list.list > li .center-block .comments_note { margin-bottom: 12px; } @media (min-width: 992px) { ul.product_list.list > li .right-block .right-block-content { margin: 0; border-left: 1px solid #d6d4d4; padding-left: 15px; padding-bottom: 16px; } } @media (max-width: 991px) { ul.product_list.list > li .right-block .right-block-content { padding-top: 20px; } } @media (max-width: 479px) { ul.product_list.list > li .right-block .right-block-content { padding-top: 5px; } } ul.product_list.list > li .right-block .right-block-content .content_price { padding-bottom: 10px; } @media (max-width: 991px) { ul.product_list.list > li .right-block .right-block-content .content_price { padding-top: 13px; padding-bottom: 0; } } @media (max-width: 479px) { ul.product_list.list > li .right-block .right-block-content .content_price { padding-top: 0; width: 100%; } } ul.product_list.list > li .right-block .right-block-content .content_price .price { display: inline-block; margin-top: -4px; margin-bottom: 14px; } ul.product_list.list > li .right-block .right-block-content .content_price .price.old-price { margin-right: 8px; } ul.product_list.list > li .right-block .right-block-content .button-container { overflow: hidden; padding-bottom: 20px; } @media (max-width: 479px) { ul.product_list.list > li .right-block .right-block-content .button-container { width: 100%; } } ul.product_list.list > li .right-block .right-block-content .button-container .btn { margin-bottom: 10px; } @media (min-width: 992px) { ul.product_list.list > li .right-block .right-block-content .button-container .btn { float: left; clear: both; } } @media (min-width: 992px) { ul.product_list.list > li .right-block .right-block-content .functional-buttons { overflow: hidden; } } @media (max-width: 991px) { ul.product_list.list > li .right-block .right-block-content .functional-buttons { clear: both; } ul.product_list.list > li .right-block .right-block-content .functional-buttons > div { float: left; padding-top: 0 !important; padding-right: 20px; } } @media (max-width: 479px) { ul.product_list.list > li .right-block .right-block-content .functional-buttons { float: none; display: inline-block; } ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before { display: none !important; } } ul.product_list.list > li .right-block .right-block-content .functional-buttons a { cursor: pointer; } ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist { border: none; } ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare { padding-top: 10px; } ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before { margin-right: 10px; } @media (min-width: 1200px) { @media (max-width: 479px) { ul.product_list.list > li { text-align: center; } } /******************************************************* Product list(Index page) Styles ********************************************************/ #index ul.product_list.tab-pane > li { padding-bottom: 10px; margin-bottom: 10px; } @media (min-width: 1200px) { #index ul.product_list.tab-pane > li { padding-bottom: 85px; margin-bottom: 0; } } #index ul.product_list.tab-pane > li .availability { display: none; } @media (min-width: 1200px) { #index ul.product_list.tab-pane > li.last-line { border: none; padding-bottom: 0; margin-bottom: 0; } } @media (min-width: 480px) and (max-width: 767px) { #index ul.product_list.tab-pane > li.first-item-of-tablet-line { clear: none; } #index ul.product_list.tab-pane > li.first-item-of-mobile-line { clear: left; } } /***** IE code *****/ .ie8 .quick-view { background: #fff; border: 1px solid #d6d4d4; } /*# sourceMappingURL=product_list.css.map */ Edited May 14, 2017 by janek1234 Podczas wstawiania większych ilości kodu używaj znaczników bbcode <> (see edit history) Link to comment Share on other sites More sharing options...
endriu107 Posted May 14, 2017 Share Posted May 14, 2017 Prawdopodobnie odpowiada za to ten kod: ul.product_list.grid > li .product-container { background: #fff; padding: 0; position: relative; } usuń background i sprawdź. Link to comment Share on other sites More sharing options...
amanet Posted May 14, 2017 Share Posted May 14, 2017 (edited) Z tego co widzę na sklepie to wystarczy jeszcze usunąć ten kod: @media (min-width: 1200px){ background:#fff; -webkit-box-shadow: 0 5px 13px rgba(0,0,0,0); -moz-box-shadow: 0 5px 13px rgba(0,0,0,0); box-shadow: 0 5px 13px rgba(0,0,0,0); } } i wyczyścić cache. Powinno być dobrze. Edited May 14, 2017 by amanet (see edit history) Link to comment Share on other sites More sharing options...
amanet Posted May 14, 2017 Share Posted May 14, 2017 Co do pytania odnośnie odległości: ul.product_list.grid > li .product-container h5 { padding: 0 15px 7px 15px; min-height: 53px; } zamień na ul.product_list.grid > li .product-container h5 { padding: 0; } Link to comment Share on other sites More sharing options...
janek1234 Posted May 14, 2017 Author Share Posted May 14, 2017 (edited) odległość zrobiłem ale ta ramka nadal jestw kodzie usunięte te dwie rzeczy co pisałeś , dodatkowo pousuwałem te linijki z " hoover " /******************************************************* Product list Styles ********************************************************/ ul.product_list .product-name { display: inline-block; width: 100%; overflow: hidden; } ul.product_list .availability span { display: inline-block; color: #fff; font-weight: bold; padding: 3px 8px 4px 8px; margin-bottom: 20px; } ul.product_list .color-list-container { margin-bottom: 12px; } ul.product_list .color-list-container ul li { display: inline-block; border: 1px solid #d6d4d4; width: 26px; height: 26px; } ul.product_list .color-list-container ul li a { display: block; width: 22px; height: 22px; margin: 1px; } ul.product_list .color-list-container ul li a img { display: block; width: 22px; height: 22px; } ul.product_list .product-image-container { text-align: center; } ul.product_list .product-image-container img { margin: 0 auto; } ul.product_list .product-image-container .quick-view-wrapper-mobile { display: none; } ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile { display: none; } @media (max-width: 1199px) { ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile { display: block; position: relative; background-color: rgba(208, 208, 211, 0.57); height: 130px; width: 85px; top: 80px; right: -162px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); zoom: 1; pointer-events: all; } ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i { position: relative; top: 48px; left: -20px; font-size: x-large; color: black; } ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i:before { -moz-transform: rotate(315deg); -o-transform: rotate(315deg); -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); transform: rotate(315deg); } } @media (max-width: 1199px) { ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile:hover { background-color: rgba(167, 167, 167, 0.57); } } @media (max-width: 1199px) { ul.product_list .product-image-container .quick-view-wrapper-mobile { display: block; background-color: transparent; height: 155px; width: 215px; position: absolute; overflow: hidden; pointer-events: none; bottom: 0px; right: 0px; } } ul.product_list .product-image-container .quick-view { font: 700 13px/16px Arial, Helvetica, sans-serif; color: #777676; position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -53px; padding: 13px 0 0; background: rgba(255, 255, 255, 0.82); width: 107px; height: 43px; text-align: center; -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; } @media (max-width: 1199px) { ul.product_list .product-image-container .quick-view { display: none; } } @media (min-width: 1200px) { ul.product_list .product-image-container .quick-view { display: none; } } @media (max-width: 767px) { ul.product_list .product-image-container .quick-view { display: none; } } ul.product_list .comments_note { text-align: left; overflow: hidden; } ul.product_list .comments_note .star_content { float: left; } ul.product_list .comments_note .nb-comments { overflow: hidden; font-style: italic; } ul.product_list .functional-buttons div a, ul.product_list .functional-buttons div label { font-weight: bold; color: #777676; cursor: pointer; } ul.product_list .functional-buttons div.wishlist { border-right: 1px solid #d6d4d4; } ul.product_list .functional-buttons div.wishlist a:before { display: inline-block; font-family: "FontAwesome"; content: "\f08a"; margin-right: 3px; padding: 0 3px; } ul.product_list .functional-buttons div.wishlist a.checked:before { content: "\f004"; } @media (min-width: 992px) and (max-width: 1199px) { ul.product_list .functional-buttons div.wishlist { border-right: 0; } ul.product_list .functional-buttons div.wishlist a:before { display: none; } } @media (min-width: 480px) and (max-width: 767px) { ul.product_list .functional-buttons div.wishlist { border-right: 0; } ul.product_list .functional-buttons div.wishlist a:before { display: none; } } ul.product_list .functional-buttons div.compare a:before { content: "\f067"; display: inline-block; font-family: "FontAwesome"; margin-right: 3px; } @media (min-width: 992px) and (max-width: 1199px) { ul.product_list .functional-buttons div.compare a:before { display: none; } } @media (min-width: 480px) and (max-width: 767px) { ul.product_list .functional-buttons div.compare a:before { display: none; } } ul.product_list .functional-buttons div.compare a.checked:before { content: "\f068"; } /******************************************************* Product list(Grid) Styles ********************************************************/ ul.product_list.grid > li { padding-bottom: 20px; text-align: center; } @media (min-width: 480px) and (max-width: 767px) { ul.product_list.grid > li { width: 50%; float: left; } } ul.product_list.grid > li .product-container { padding: 0; position: relative; } ul.product_list.grid > li .product-container .product-image-container { border: 1px solid #d6d4d4; padding: 9px; margin-bottom: 13px; position: relative; } @media (max-width: 767px) { ul.product_list.grid > li .product-container .product-image-container { margin-left: auto; margin-right: auto; } } ul.product_list.grid > li .product-container .product-image-container .content_price { position: absolute; left: 0; bottom: -1px; width: 100%; background: url(../img/price-container-bg.png); padding: 9px 0; display: none; } ul.product_list.grid > li .product-container .product-image-container .content_price span { color: #fff; } ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price { color: #b1b0b0; } ul.product_list.grid > li .product-container h5 { padding: 0; } @media (min-width: 1200px) { ul.product_list.grid > li .product-container .comments_note { display: none; } } ul.product_list.grid > li .product-container .comments_note .star_content { margin: 0 3px 12px 59px; } ul.product_list.grid > li .product-container .product-desc { display: none; } ul.product_list.grid > li .product-container .content_price { padding-bottom: 9px; line-height: 21px; } ul.product_list.grid > li .product-container .old-price, ul.product_list.grid > li .product-container .price, ul.product_list.grid > li .product-container .price-percent-reduction { display: inline-block; } ul.product_list.grid > li .product-container .product-flags { display: none; } ul.product_list.grid > li .product-container .old-price { margin-right: 5px; } ul.product_list.grid > li .product-container .button-container { margin-bottom: 14px; } @media (min-width: 1200px) { ul.product_list.grid > li .product-container .button-container { display: none; } } ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button, ul.product_list.grid > li .product-container .button-container .lnk_view { margin: 0 6px 10px 6px; } @media (min-width: 1200px) { ul.product_list.grid > li .product-container .functional-buttons { display: none; } } ul.product_list.grid > li .product-container .functional-buttons div { width: 50%; float: left; padding: 3px 0 4px 0; } @media (min-width: 1200px) { @media (min-width: 992px) { ul.product_list.grid > li.first-in-line { clear: left; } } @media (min-width: 480px) and (max-width: 991px) { ul.product_list.grid > li.first-item-of-tablet-line { clear: left; } } @media (min-width: 1200px) { #blockpack ul > li.last-line { border: none; padding-bottom: 0; margin-bottom: 0; } } @media (min-width: 480px) and (max-width: 767px) { #blockpack ul > li.first-item-of-tablet-line { clear: none; } #blockpack ul > li.first-item-of-mobile-line { clear: left; } } /******************************************************* Product list(List) Styles ********************************************************/ @media (max-width: 479px) { ul.product_list.list > li .left-block { width: 100%; } } ul.product_list.list > li .product-container { border-top: 1px solid #d6d4d4; padding: 30px 0 30px; } ul.product_list.list > li .product-image-container { position: relative; border: 1px solid #d6d4d4; padding: 9px; } @media (max-width: 479px) { ul.product_list.list > li .product-image-container { max-width: 290px; margin: 0 auto; } } ul.product_list.list > li .product-image-container .content_price { display: none !important; } ul.product_list.list > li .product-flags { color: #333; margin: -5px 0 10px 0; } ul.product_list.list > li .product-flags .discount { color: #f13340; } ul.product_list.list > li h5 { padding-bottom: 8px; } ul.product_list.list > li .product-desc { margin-bottom: 15px; } @media (max-width: 479px) { ul.product_list.list > li .center-block { width: 100%; } } ul.product_list.list > li .center-block .comments_note { margin-bottom: 12px; } @media (min-width: 992px) { ul.product_list.list > li .right-block .right-block-content { margin: 0; border-left: 1px solid #d6d4d4; padding-left: 15px; padding-bottom: 16px; } } @media (max-width: 991px) { ul.product_list.list > li .right-block .right-block-content { padding-top: 20px; } } @media (max-width: 479px) { ul.product_list.list > li .right-block .right-block-content { padding-top: 5px; } } ul.product_list.list > li .right-block .right-block-content .content_price { padding-bottom: 10px; } @media (max-width: 991px) { ul.product_list.list > li .right-block .right-block-content .content_price { padding-top: 13px; padding-bottom: 0; } } @media (max-width: 479px) { ul.product_list.list > li .right-block .right-block-content .content_price { padding-top: 0; width: 100%; } } ul.product_list.list > li .right-block .right-block-content .content_price .price { display: inline-block; margin-top: -4px; margin-bottom: 14px; } ul.product_list.list > li .right-block .right-block-content .content_price .price.old-price { margin-right: 8px; } ul.product_list.list > li .right-block .right-block-content .button-container { overflow: hidden; padding-bottom: 20px; } @media (max-width: 479px) { ul.product_list.list > li .right-block .right-block-content .button-container { width: 100%; } } ul.product_list.list > li .right-block .right-block-content .button-container .btn { margin-bottom: 10px; } @media (min-width: 992px) { ul.product_list.list > li .right-block .right-block-content .button-container .btn { float: left; clear: both; } } @media (min-width: 992px) { ul.product_list.list > li .right-block .right-block-content .functional-buttons { overflow: hidden; } } @media (max-width: 991px) { ul.product_list.list > li .right-block .right-block-content .functional-buttons { clear: both; } ul.product_list.list > li .right-block .right-block-content .functional-buttons > div { float: left; padding-top: 0 !important; padding-right: 20px; } } @media (max-width: 479px) { ul.product_list.list > li .right-block .right-block-content .functional-buttons { float: none; display: inline-block; } ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before { display: none !important; } } ul.product_list.list > li .right-block .right-block-content .functional-buttons a { cursor: pointer; } ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist { border: none; } ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare { padding-top: 10px; } ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before { margin-right: 10px; } @media (min-width: 1200px) { @media (max-width: 479px) { ul.product_list.list > li { text-align: center; } } /******************************************************* Product list(Index page) Styles ********************************************************/ #index ul.product_list.tab-pane > li { padding-bottom: 10px; margin-bottom: 10px; } @media (min-width: 1200px) { #index ul.product_list.tab-pane > li { padding-bottom: 85px; margin-bottom: 0; } } #index ul.product_list.tab-pane > li .availability { display: none; } @media (min-width: 1200px) { #index ul.product_list.tab-pane > li.last-line { border: none; padding-bottom: 0; margin-bottom: 0; } } @media (min-width: 480px) and (max-width: 767px) { #index ul.product_list.tab-pane > li.first-item-of-tablet-line { clear: none; } #index ul.product_list.tab-pane > li.first-item-of-mobile-line { clear: left; } } /***** IE code *****/ .ie8 .quick-view { background: #fff; border: 1px solid #d6d4d4; } /*# sourceMappingURL=product_list.css.map */ Edited May 15, 2017 by endriu107 Dodanie znaczników bbcode <> (see edit history) Link to comment Share on other sites More sharing options...
endriu107 Posted May 15, 2017 Share Posted May 15, 2017 Już drugi raz poprawiam twój post używaj znaczników bbcode <> przy wklejaniu większej ilości kodu ponieważ ciężko się czyta go jako zwykły tekst. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now