WordPress - не применяются стили

216
02 февраля 2018, 19:57

Создал функцию в functions.php:

function srdnl_service_list_item_shortcode( $atts, $content = null ) {
    extract(
  shortcode_atts( 
    array(
        'title'  => '',
        'image'  => '',
        'col'   => 12,
        'toggled'  => 'md'
      ),
      $atts
  )
    );
    $return  = '<div class="service-list-item text-center">';
    $return .= '    <img class="imgServiceList" src="'.$atts['image'].'" alt="'.$atts['title'].'" title="'.$atts['title'].'">';
    $return .= '    <span class="title hidden">'.$atts['title'].'</span>';
    $return .= '    <span class="content hidden">'.$content.'</span>';
    $return .= '</div>';
    return do_shortcode($return);
}

На сайте всё нормально отображается, но почему-то не работают стили... К примеру, прописываю:

service-list-item text-center content{
color:red;
}

и на сайте ничего не меняется. Прописываю:

imgServiceList{
height:400px;
width:200px;
}

тоже никаких изменений. Подскажите, пожалуйста, что не так указываю?

Answer 1

В вашем коде пропущены точки перед селекторами

.imgServiceList{
  height:400px;
  width:200px;
}
.service-list-item .content{
   color:red;
}

Это будет работать

READ ALSO
Как правильно скрыть часть изображения?

Как правильно скрыть часть изображения?

Имеется изображение в формате <img src="/">, как скрыть обрезать угол изображения?

265
Сложный запрос в mysql

Сложный запрос в mysql

Есть таблица с именами, у каждого имени может быть нескользо пунктов, которые находятся во второй таблице, и есть третья таблица которая их связывает,...

277
None и Null MySQL Python

None и Null MySQL Python

Нужно взять данные с сайта и занести в базу MySQLTrue и False в БД храню типом TinyInt(1)

378
ER_TOO_BIG_SELECT

ER_TOO_BIG_SELECT

Выдает такую ошибку:

233