Hallo Liebe Community! Ich brauche eure hilfe und würde gerne wissen wie ich die grauen striche auf dem hochgeladenen foto wegbekomme und auch den Preis unter den Artikelname bekomme. Immer wenn ich auf den Artikel drauf gehe kann ich schwer mit "Elemente durchsuchen arbeiten weil die Artikel als Flyover angezeigt werden Sobald ich mit der Maus woanders drauf gehe verschwindet alles in der Konsole wo ich den CSS Code rauslesen und umändern möchte. Wie kann ich das hinbekommen? Kann mir jemand einen Trick zeigen. Ich hoffe ich konnte mein Problem gut erklären. Hoffe auf eure Hilfe Shoplink: www.liliope.com Shopversion 3.10.0.1
Im Zweifel in der Entwicklerkonsole des Browsers Javascript abschalten. Das müsste es tun: Code: .productlist-viewmode-grid .product-container .inside { border-bottom: none; }
Schau dir im Style Editor einmal die Höhe Deines Titels in der Kachel an. du hast das 90px, wenn Deine Titel nicht auch 2 oder 3 - Zeilig sind, ist das sehr hoch
versuche es mal mit Code: .productlist-viewmode-grid .product-container .inside, .productlist-swiper .product-container .inside, .product-container.flyover .inside { border-bottom: none; }
leider hat es hier auch nicht geklapp! versteh nicht warum es nicht weg geht. ich kann gerne mal meine CSS Codes hier reinkopieren vielleicht liegt es an einem anderen Code der es hindert oder liege ich falsch?
Meine CSS Codes dein Code ist ganz unten! @media (min-width: 768px){ #categories .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; border-bottom: 3px solid #bba675; overflow: visible !important; } #topbar-container { border-bottom: 1px solid #bba675; } } .nav-tabs > li > a, .tab-content > .tab-pane > .tab-heading > a { color: #000; margin: 0; line-height: 1.42857; height: 50px; border: none; border-bottom: 3px solid transparent; background-color: transparent; } .product-container .inside .content-container .content-container-inner .price { color: red; font-size: 12px; white-space: inherit; } .product-container .inside .content-container .content-container-inner .price .productOldPrice { //text-decoration: line-through !important; font-weight: normal; font-size: 12px; color: black !important; } .product-info .product-info-details .price-container .current-price-container .productOldPrice { //text-decoration: line-through !important; font-weight: normal; font-size: 12px; color: black; } .product-info .product-info-details .price-container .current-price-container { color: red; font-size: 14px; line-height: 20px; font-weight: 700; text-align: right; } @media (max-width: 630px){ #wrapper #main { position: relative; min-height: 1px; padding-left: 6px; padding-right: 14px; } .product-container .inside .content-container .content-container-inner .price .productOldPrice { text-decoration: line-through !important; font-weight: normal; font-size: 11px; color: black !important; } .productlist-viewmode-grid .product-container .price-tax .price, .productlist-swiper .product-container .price-tax .price, .product-container.flyover .price-tax .price { display: table-cell; width: 100%; height: 70px; float: none; vertical-align: bottom; } .productlist-viewmode-grid .product-container .inside, .productlist-swiper .product-container .inside, .product-container.flyover .inside { position: relative; height: 370px; padding: 10px; border-bottom: 1px solid #bba675; } h1, h2, .nav-tabs > li > a, .tab-content > .tab-pane > .tab-heading > a, h3 { border-bottom: 2px solid #bba675; padding-bottom: 1px; margin-bottom: 10px; } h2, .nav-tabs > li > a, .tab-content > .tab-pane > .tab-heading > a, .h2 { font-size: 14px; } h1, .h1, h2, .nav-tabs > li > a, .tab-content > .tab-pane > .tab-heading > a, .h2, h3, .h3 { margin-top: 1px; } } .product-container.flyover .shipping.hidden-grid { color: #999; display: inline-block; position: absolute; bottom: 0px; left: 0; width: 100%; } .product-container .inside .content-container .content-container-inner .title { font-weight: 400; font-size: 12px; max-height: 70px; overflow: hidden; text-overflow: ellipsis; } .productlist-viewmode-grid .product-container .title, .productlist-swiper .product-container .title, .product-container.flyover .title { display: block; padding-top: 0px; height: 50px; } .product-container.flyover .inside { padding: 10px 10px; } .productlist-viewmode-grid .product-container .inside .content-container .content-container-inner, .productlist-swiper .product-container .inside .content-container .content-container-inner, .product-container.flyover .inside .content-container .content-container-inner { margin: 0px -50px; padding: 0px 26px; height: 370px; border-right: 1px solid #bba675; } .product-container.flyover.has-gallery.gallery-right { margin-left: 0px; padding-left: 16px; margin-right: -97px; padding-right: 111px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; } @media (min-width: 768px){ #header { background-color: #fff; height: 178px; -webkit-box-shadow: none; box-shadow: none; } #navbar-brand a img { max-height: 100px; } #navbar-brand a { width: 100%; height: 90px; margin: 10px 5px; } #navbar-brand { width: 100%; height: 105px; padding: 0; } } .alert.alert-warning { color: #fff; border-color: #e69d00; background-color: red; } .productlist-viewmode-grid .product-container .product-tile .rating-container, .productlist-swiper .product-container .product-tile .rating-container, .product-container.flyover .product-tile .rating-container { display: table; height: 0px; width: 100%; } .productlist-viewmode-grid .product-container .title, .productlist-swiper .product-container .title, .product-container.flyover .title { display: block; padding-top: 0px; height: 0px; } .productlist-viewmode-grid .product-container .inside, .productlist-swiper .product-container .inside, .product-container.flyover .inside { border-bottom: none; }
Der Shop schiebt Deinen Code nach hinten, mach mal ein !important ddahinter. Code: .productlist-viewmode-grid .product-container .inside, .productlist-swiper .product-container .inside, .product-container.flyover .inside { border-bottom: none !important; }