Изучаю wordpress, скорее всего ошибка не в нем, и появилась такая проблемка: не применяются стили к .social_section. (less после сохранения переводится в css)
header.php:<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php wp_title('|', true, 'right'); bloginfo('name'); ?></title>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?> >
<header class="top_header">
<div class="wrapper cf">
<div class="header_third search_section menu_buttom">
search
</div>
<div class="header_third logo_section">
<a href="<?php echo home_url("/"); ?>" class="logo_link"><img src="<?php echo ale_get_option('sitelogo'); ?>"></a>
</div>
<div class="header_third social_section">
social
</div>
</div>
</header>
<section class="home_slider">
</section>
main.less:@import 'elements.less';
@color_grey: #d4dad9;
/* Your Custom code here */
.wrapper {
width: 96%;
max-width: 960px;
margin: 0 auto;
}
/*
Header Styles
*/
.top_header {
height: 105px;
background: #fff;
&::after {
content: "";
display: block;
width: 100%;
height: 5px;
background: url(img/bottom.png) repeat-x center center;
}
.header_third {
width: 33.3%;
float: left;
&.logo_section {
text-align: center;
line-height: 105px;
.transition(all 300ms ease-in-out);
&:hover {
.opacity(0.6);
.transition(all 300ms ease-in-out);
}
}
&.social_section {
text-align: right;
font-size: 18px;
color: @color_grey;
line-height: 105px;
}
}
}
UPD: в режиме разработчика в css коде нету стилей к .social_section, когда в самом main.css они имеются... Очистка кеша не помогла.
UPD: кеш тут не причем. Изменения в main.less сохраняются и переводятся в main.css, а вот дальше в general.css — нет.