Grauer Strich unter den Produktbildern entfernen und Preis unter Artikelname

Thema wurde von liliope.com, 25. September 2018 erstellt.

  1. liliope.com
    liliope.com Mitglied
    Registriert seit:
    18. Oktober 2017
    Beiträge:
    21
    Danke erhalten:
    0
    Danke vergeben:
    19
    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
     

    Anhänge:

  2. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Im Zweifel in der Entwicklerkonsole des Browsers Javascript abschalten.

    Das müsste es tun:

    Code:
    .productlist-viewmode-grid .product-container .inside {
        border-bottom: none;
    }
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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
     
  4. liliope.com
    liliope.com Mitglied
    Registriert seit:
    18. Oktober 2017
    Beiträge:
    21
    Danke erhalten:
    0
    Danke vergeben:
    19
    Leider hat es nicht funktioniert gibt es vielleicht eine andere möglichkeit?
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    versuche es mal mit
    Code:
    .productlist-viewmode-grid .product-container .inside, .productlist-swiper .product-container .inside, .product-container.flyover .inside {
        border-bottom: none;
    }
     
  6. liliope.com
    liliope.com Mitglied
    Registriert seit:
    18. Oktober 2017
    Beiträge:
    21
    Danke erhalten:
    0
    Danke vergeben:
    19

    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?
     
  7. liliope.com
    liliope.com Mitglied
    Registriert seit:
    18. Oktober 2017
    Beiträge:
    21
    Danke erhalten:
    0
    Danke vergeben:
    19
    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;
    }
     
  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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;
    }