0

Использую тему Onepress для Wordpress. Вставил блок с счетчиками - 4 штуки. Для них нужно прописать разные стили (цвет, картинку before). Но проблема заключается в том, что все блоки по структуре одинаковые и имеют одни и те же классы. Использую first, last, n child, но не работает наверно из-за того что они все в разных блоках находятся. Как правильно присвоить каждому счетчику собственные стили?введите сюда описание изображения

5
  • 1
    Укажите больше инфы: куда добавляете код счетчика - это виджет, контент или что-то еще. Приложите участок кода 3 мая 2018 в 7:49
  • если у вас проблема со стилизацией, то неплохо было бы приложить разметку, для которой вы пишете стили
    – alenkins
    3 мая 2018 в 9:03
  • Приложил картинку к вопросу. Получается в теме onepress выбираю блок section counter. Там соответственно добавляю 4 счетчика. Все они имеют одинаковую структуру как на картинке. Возможности добавить дополнительный класс к счетчику нет. 3 мая 2018 в 17:34
  • А чем реализован Section Counter? Виджет, какой-то плагин типа Visual Composser или это базовый функционал? Я не вижу этого в базовом функционале 3 мая 2018 в 17:54
  • Уже разобрался, это у вас базовый функционал темы, но сначала необходимо импортировать Sample Data и потом смотреть в кастомайзере Section Counter 3 мая 2018 в 18:19

1 ответ 1

1
  1. Посмотрите в настройках блока, возможно можно указать дополнительный класс или ID блока.
  2. Если нет, пробуйте дополнительно обернуть в какой-то контейнер с уникальным классом или ID

    <div id="counter1" class="counter">...</div>
    

id - уникальный, class - если у вас есть какие-то общие стили, хотя у вас возможно уже есть там какие-то классы

Попробуйте такой вариант

    section#counter .container .row > div:nth-child(1) .counter__number {
        color: red;
    }

    section#counter .container .row > div:nth-child(2) .counter__number {
        color: blue;
    }

    section#counter .container .row > div:nth-child(3) .counter__number {
        color: black;
    }

    section#counter .container .row > div:nth-child(4) .counter__number {
        color: green;
    }
8
  • Да наверняка там есть настройки блока, с помощью которых можно добавить класс. 3 мая 2018 в 8:43
  • Нету такой функции добавить дополнительный класс. А как можно редактировать html структуру блока? 3 мая 2018 в 17:25
  • А как вам это объяснить, не видя с чем вы вообще работаете? Wordpress и тема Onepress абстрактные понятия 3 мая 2018 в 17:27
  • я приложил код блока, таких 4 3 мая 2018 в 18:06
  • 2
    Если ответ вам был полезен отметьте его, чтоб закрыть вопрос. Таким образом люди будут видеть где есть ответ на их вопрос в аналогичной ситуации 3 мая 2018 в 18:33

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.