Убрать из карточки товара лишние контейнеры

[Natalie19]

Добрый вечер,

Подскажите, пожалуйста, код чтобы скрыть из карточки товара (моб версия)

- В наличии

- Рейтинг

- Оставить отзыв

и контейнер (- 1 +)

 

Вот сделала на удаление контейнера +1-, но неправильно

 

@media only screen and (max-width: 992px){
.number {
    display: none;
}
}

[sasha3337774]

@media (max-width: 768px) {
.after-header-item.blue{
    display: none;
}
@media (max-width: 768px) {
.after-header-item{
    display: none;
}
@media (max-width: 768px) {
.number{
   display: none;
}

cюда вставить https://prnt.sc/127nzpo

Змінено 28 квітня 2021 користувачем sasha3337774

[Natalie19]

3 минуты назад, sasha3337774 сказал:

@media (max-width: 768px) {
.after-header-item.blue{
    display: none;
}
@media (max-width: 768px) {
.after-header-item{
    display: none;
}
@media (max-width: 768px) {
.number{
   display: none;
}

cюда вставить https://prnt.sc/127nzpo

 

Змінено 28 квітня 2021 користувачем Natalie19

[sasha3337774]

Только что, Natalie19 сказал:

Да, но нужен код

правильный

а он не работает? 

[Natalie19]

5 минут назад, sasha3337774 сказал:

а он не работает? 

 КАжется, да.. Спасибо!

Как вот это вот убрать, подскажите, пожалуйста

Или это через дизайн делается, наверно?

[sasha3337774]

1 минуту назад, Natalie19 сказал:

Как вот это вот убрать, подскажите, пожалуйста

имеете ввиду белое расстояние между блоками?

[Natalie19]

2 минуты назад, sasha3337774 сказал:

имеете ввиду белое расстояние между блоками?

Да

[sasha3337774]

1 минуту назад, Natalie19 сказал:

Да

киньте сайт в лс, подскажу 

[Natalie19]

Еще вот - отцентровать текст «Цена в бонусных балах 165»

сделала вот так:

 

@media only screen and (max-width: 992px){
.row {
    text-align: center;
}
}
 

но это неправильно, вообще всё отцентровалось,

сколько ни писала, ни высматривала правильное название этого, не получается(

[sasha3337774]

13 минут назад, Natalie19 сказал:

Еще вот - отцентровать текст «Цена в бонусных балах 165»

@media (max-width: 768px) {
.price-col p{
    text-align: center;
}

 

[Natalie19]

12 минут назад, sasha3337774 сказал:

@media (max-width: 768px) {
.price-col p{
    text-align: center;
}

 

я вот так делала, не получалось(

 

@media only screen and (max-width: 992px){
.price-col p {
    text-align: center;
}
}

[Natalie19]

34 минуты назад, sasha3337774 сказал:

киньте сайт в лс, подскажу 

Ok