Jump to content

Edit History

koronagamer

koronagamer

<h1 class="h3 product-title" itemprop="name"> ta klasa jest odpowiedzalna za 2 wierzową nazwę

 

custom.css znalazłem w assets w katalogu szablonu, ale tutaj nic takiego nie ma product-description po zmianie na 40px zmieniła się wysokość białej ramki do okoła produktu na mniejszą

Może gdzieś indziej jest problem jakaś klasa od dłuższych nazw?

Czy plik css główny do którego odnosi się plik szablonu może mieć coś współknego?

nazwę CALL OF DUTY INFINITE WARFARE PS4 skraca do CALL OF DUTY INFINITE...
nazwę METAL GEAR SURVIVE SURVIVAL PACK DLC PS4 do METAL GEAR SURVIVE SURVIVAL...
nazwę DYING LIGHT THE FOLLOWING ENHANCED EDITION PS4 do DYING LIGHT THE FOLLOWING...

  

atc_qty {
    display: inline-block;
    width: 40px;
    border: 1px solid #cecece;
    background: #FFF;
    padding: 10px 0px;
    text-align: center;
    top: 2px;
    margin: auto;
    position: relative;
    margin: 0px 5px 0px 0px;
}
 
.product-description {
    min-height:130px;
}
 
#products .thumbnail-container {
    min-height:368px;
}
 
.atc_div {
    margin-top:10px;
}

.footer-container .h3 {
    color: white;
    text-transform: none;
}

.footer-container h4 {
    color: #fff !important;
    text-transform: none !important;
}

.block_newsletter .btn-primary {
    background-color: white;
    color: black;
    margin-left: 15px;
}

.cm-h4 {
    font-size: 24px !important;
}
 
 
.atc_spinner {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
     
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
 
 
#products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations {
    bottom: 9.525rem;
}
 
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {
    bottom: 5rem;
}

#left-column {
    padding-left: 0;
}

/* OPIS KATEGORII 

.block-category.card.card-block.hidden-sm-down {
    background: #4eab04;
    text-align: center;
}

.block-category .h1 {
    color: #fff;
}

#category-description p {
    color: #fff !important;
}

.block-category .category-cover {
    display: none;
}

.block-category.card.card-block.hidden-sm-down {
    min-height: unset;
}

*/

#category-description {
    margin-left: 30px;
	display: contents;
}

.block-category .category-cover {
    position: unset !important;
    right: unset !important;
    bottom: unset !important;
    float: left;
	margin-right: 15px;
}

.block-category .category-cover img {

    width: unset;
}

 

Najdziwniejsze jest to, że w popularnych produktach nie ma tego błędu tylko podczas filtrowania

iiii.png

koronagamer

koronagamer

<h1 class="h3 product-title" itemprop="name"> ta klasa jest odpowiedzalna za 2 wierzową nazwę

 

custom.css znalazłem w assets w katalogu szablonu, ale tutaj nic takiego nie ma product-description po zmianie na 40px zmieniła się wysokość białej ramki do okoła produktu na mniejszą

Może gdzieś indziej jest problem jakaś klasa od dłuższych nazw?

Czy plik css główny do którego odnosi się plik szablonu może mieć coś współknego?

nazwę CALL OF DUTY INFINITE WARFARE PS4 skraca do CALL OF DUTY INFINITE...
nazwę METAL GEAR SURVIVE SURVIVAL PACK DLC PS4 do METAL GEAR SURVIVE SURVIVAL...
nazwę DYING LIGHT THE FOLLOWING ENHANCED EDITION PS4 do DYING LIGHT THE FOLLOWING...

  

atc_qty {
    display: inline-block;
    width: 40px;
    border: 1px solid #cecece;
    background: #FFF;
    padding: 10px 0px;
    text-align: center;
    top: 2px;
    margin: auto;
    position: relative;
    margin: 0px 5px 0px 0px;
}
 
.product-description {
    min-height:130px;
}
 
#products .thumbnail-container {
    min-height:368px;
}
 
.atc_div {
    margin-top:10px;
}

.footer-container .h3 {
    color: white;
    text-transform: none;
}

.footer-container h4 {
    color: #fff !important;
    text-transform: none !important;
}

.block_newsletter .btn-primary {
    background-color: white;
    color: black;
    margin-left: 15px;
}

.cm-h4 {
    font-size: 24px !important;
}
 
 
.atc_spinner {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
     
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
 
 
#products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations {
    bottom: 9.525rem;
}
 
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {
    bottom: 5rem;
}

#left-column {
    padding-left: 0;
}

/* OPIS KATEGORII 

.block-category.card.card-block.hidden-sm-down {
    background: #4eab04;
    text-align: center;
}

.block-category .h1 {
    color: #fff;
}

#category-description p {
    color: #fff !important;
}

.block-category .category-cover {
    display: none;
}

.block-category.card.card-block.hidden-sm-down {
    min-height: unset;
}

*/

#category-description {
    margin-left: 30px;
	display: contents;
}

.block-category .category-cover {
    position: unset !important;
    right: unset !important;
    bottom: unset !important;
    float: left;
	margin-right: 15px;
}

.block-category .category-cover img {

    width: unset;
}

 

koronagamer

koronagamer

<h1 class="h3 product-title" itemprop="name"> ta klasa jest odpowiedzalna za 2 wierzową nazwę

 

custom.css znalazłem w assets w katalogu szablonu, ale tutaj nic takiego nie ma product-description po zmianie na 40px zmieniła się wysokość białej ramki do okoła produktu na mniejszą

Może gdzieś indziej jest problem jakaś klasa od dłuższych nazw?

nazwę CALL OF DUTY INFINITE WARFARE PS4 skraca do CALL OF DUTY INFINITE...
nazwę METAL GEAR SURVIVE SURVIVAL PACK DLC PS4 do METAL GEAR SURVIVE SURVIVAL...
nazwę DYING LIGHT THE FOLLOWING ENHANCED EDITION PS4 do DYING LIGHT THE FOLLOWING...

  

atc_qty {
    display: inline-block;
    width: 40px;
    border: 1px solid #cecece;
    background: #FFF;
    padding: 10px 0px;
    text-align: center;
    top: 2px;
    margin: auto;
    position: relative;
    margin: 0px 5px 0px 0px;
}
 
.product-description {
    min-height:130px;
}
 
#products .thumbnail-container {
    min-height:368px;
}
 
.atc_div {
    margin-top:10px;
}

.footer-container .h3 {
    color: white;
    text-transform: none;
}

.footer-container h4 {
    color: #fff !important;
    text-transform: none !important;
}

.block_newsletter .btn-primary {
    background-color: white;
    color: black;
    margin-left: 15px;
}

.cm-h4 {
    font-size: 24px !important;
}
 
 
.atc_spinner {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
     
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
 
 
#products .thumbnail-container:hover .highlighted-informations, .featured-products .thumbnail-container:hover .highlighted-informations, .product-accessories .thumbnail-container:hover .highlighted-informations, .product-miniature .thumbnail-container:hover .highlighted-informations {
    bottom: 9.525rem;
}
 
#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {
    bottom: 5rem;
}

#left-column {
    padding-left: 0;
}

/* OPIS KATEGORII 

.block-category.card.card-block.hidden-sm-down {
    background: #4eab04;
    text-align: center;
}

.block-category .h1 {
    color: #fff;
}

#category-description p {
    color: #fff !important;
}

.block-category .category-cover {
    display: none;
}

.block-category.card.card-block.hidden-sm-down {
    min-height: unset;
}

*/

#category-description {
    margin-left: 30px;
	display: contents;
}

.block-category .category-cover {
    position: unset !important;
    right: unset !important;
    bottom: unset !important;
    float: left;
	margin-right: 15px;
}

.block-category .category-cover img {

    width: unset;
}

 

×
×
  • Create New...