Почему не работают некоторые стили в index.php?

Решено

(@ddmitryu)

Здравствуйте!
Может кто поможет, не отображаются некоторые стили в index.php из файла css. При чем шапка работает нормально, меню в index.php тоже работает, кроме шрифтов. Хочу добавить 3 блока, не видит стиль. Несколько дней сижу, не могу понять, вроде все правильно подключено. Делаю на локальном сервере OpenServer.
Но если код стиля я добавляю в аднинке wordpress Настройки — Дополнительные стили, то все отображается.

Код header.php:

<!DOCTYPE html> 
<html <?php language_attributes(); ?>>

<html lang="en-US">

<title><?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'striped' ), max( $paged, $page ) );
?>
</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content=""/>
<meta name="description" content="" />
<link rel="profile" href="http://gmpg.org/xfn/11" />

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 

<?php wp_head(); ?>

</head>

<body>

<div id="main">

<header>
<div id="header">

<div id="nav_left">
  <a href="#" class="icon_menu"></a>
  <a href="#" class="icon_share"></a>
  <a href="#" class="icon_faq"></a>
</div>

<div id="nav_right">
  <a href="#" class="icon_user"></a>
  <a href="#" class="icon_heart"></a>
</div>

<div id="logo">
  <a href="#" class="logotype"></a>
  </div>
  
<div id="border"></div>

<div>
  <a href="#" class="menu-logo-button"></a>
</div>

</div>

</div>		
  </header>

Код index.php:

<?php get_header(); ?>

<div>
<ul class="menu-main">
  <li><a href="#">Kategorien +</a></li>
  <li><a href="#">Neues</a></li>
  <li><a href="#">Über uns +</a></li>
  <li><a href="#">Online-Shops</a></li>
  <li><a href="#">Offline-Shops</a></li>
  <li><a href="#">Öko</a></li>
  <li><a href="#">Öko von uns</a></li>
  <li><a href="#">Sonderangebote</a></li>
</ul>
</div>

<div id="searchform"><?php get_search_form(); ?></div>

<div class="row">
  <div class="col-1">левый</div>
  <div class="col-2">центр</div>
  <div class="col-3">правый</div>
</div>

<?php get_footer(); ?>

Код functions.php:

<?php
//Меню 
function register_my_menus()
{
register_nav_menus
(
array('top-menu' => '')
);
}
if (function_exists('register_nav_menus'))
{
    add_action( 'init', 'register_my_menus' );
}
 
// поддержка миниатюр
add_theme_support('post-thumbnails'); 
set_post_thumbnail_size(180, 180, false);

function new_excerpt_length($length) {
    return 25;
}
add_filter('excerpt_length', 'new_excerpt_length');

//Убираем ... в тизере
function new_excerpt_more($more) {
       global $post;
    return '';
}

//номерация страниц внизу
    function wp_corenavi() {  
      global $wp_query, $wp_rewrite;  
      $pages = '';  
      $max = $wp_query->max_num_pages;  
      if (!$current = get_query_var('paged')) $current = 1;  
      $a['base'] = str_replace(999999999, '%#%', get_pagenum_link(999999999));  
      $a['total'] = $max;  
      $a['current'] = $current;  
       
      $total = 1; //1 - выводить текст "Страница N из N", 0 - не выводить  
      $a['mid_size'] = 3; //сколько ссылок показывать слева и справа от текущей  
      $a['end_size'] = 1; //сколько ссылок показывать в начале и в конце  
      $a['prev_text'] = 'Назад;'; //текст ссылки "Предыдущая страница"  
      $a['next_text'] = 'Дальше'; //текст ссылки "Следующая страница" 
       
      if ($max > 1) echo '<div class="navigator">';  
      if ($total == 1 && $max > 1) $pages = '<span class="pages">Страница ' . $current . ' из ' . $max . '</span>'."\r\n";  
      echo $pages . paginate_links($a);  
      if ($max > 1) echo '</div>';  
    } 

function style(){
   wp_enqueue_style( 'style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'style' );
?>

Код style.css не работают col и row:

/*
Theme Name: sitystore
Theme URI: Localhost
Description: 
Author: Dmitry
Author URI: 
Template: 
Version: 
*/

/* =Reset default browser CSS. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
}
h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:19px;}
h4{font-size:16px;}
h5{font-size:13px;}
h6{font-size:11px;}
table{
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td{font-weight:normal;text-align:left;}
blockquote{min-height:30px;color:#777;padding:15px 15px 15px 35px;margin:15px 0;background:#f8f8f8;font-size:13px;} 
a img{border:0;}
ul, ol {list-style:none;}
cite, em, i{font-style: italic;}
p {
    margin-bottom: 1.625em;
}
ol ol {
    list-style: upper-alpha;
}
ol ol ol {
    list-style: lower-roman;
}
ol ol ol ol {
    list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}
dl {
    margin: 0 1.625em;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1.625em;
}
strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
blockquote cite {
    color: #666;
    font: 12px Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
pre {
    background: #f4f4f4;
    font: 13px Courier, monospace;
    line-height: 1.5;
    margin-bottom: 1.625em;
    overflow: auto;
    padding: 0.75em 1.625em;
}
code, kbd, samp, var {
    font: 13px Courier, monospace;
}
abbr, acronym, dfn {
    border-bottom: 1px dotted #666;
    cursor: help;
}
address {
    display: block;
    margin: 0 0 1.625em;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: smaller;
}

*{margin:0;padding:0;} 
html{
	height:100%
	}
body{
position:relative;
padding:0;
min-width:1000px;
margin:0;
background:#fff;height:100%
}

body, input, textarea{
color:#222;
font-weight:300;
line-height:1.625;
font-family: Arial, Helvetica, Noto Sans, sans-serif;
}

a{
	color:#008fed;
text-decoration:none;
}

a:focus,a:active,a:hover{
	color:#f30;
text-decoration:underline;
}

#main{
	width:100%;
	margin:0 auto;
	position:relative;
	}
	
/*Head*/

#header{
background:#fff;
height:120px;
width:100%;

}
#border{
border-top:3px solid #000;
width:100%;
}
/*Navbar*/
#logo{
width:140px;
height:120px;
max-width: 100%;
display: flex;
margin-left: auto;
margin-right: auto;
}
.logotype{
width:140px;
height:64px;
background:url(images/logo.svg)no-repeat;
margin-top: 30px;
}

.menu-logo-button{
width:140px;
height:20px;
max-width: 100%;
display: flex;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
background:url(images/menu-logo-button.svg)no-repeat;
}

/*Icons*/
#nav_left{
margin-left: 100px;	
}
.icon_menu,.icon_share,.icon_faq{float:left;margin:0 0 0}

.icon_menu{
background:url(images/menu.svg)no-repeat center;
background-color: #fff;
border: none; /* Remove borders */
padding: 60px 55px; /* Some padding */

}	
.icon_menu:hover {
background-color: #C7FCEC;

}

.icon_share{
background:url(images/share.svg)no-repeat center;
background-color: #fff;
border: none; /* Remove borders */
padding: 60px 55px; /* Some padding */
}	
.icon_share:hover {
background-color: #C7FCEC;
}

.icon_faq{
background:url(images/faq.svg)no-repeat center;
background-color: #fff;
border: none; /* Remove borders */
padding: 60px 55px; /* Some padding */
}	
.icon_faq:hover {
background-color: #C7FCEC;
}

#nav_right{
margin-right: 170px;	
}
.icon_heart,.icon_user{float:right;margin:0 10px}

.icon_heart{
background:url(images/heart.svg)no-repeat center;
background-color: #fff;
border: none; /* Remove borders */
padding: 60px 55px; /* Some padding */
}	
.icon_heart:hover {
background-color: #C7FCEC;
}

.icon_user{

background:url(images/user.svg)no-repeat center;
background-color: #fff;
border: none; /* Remove borders */
padding: 60px 55px; /* Some padding */
}	
.icon_user:hover {
background-color: #C7FCEC;
}

/*Menu*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Oswald&family=Ubuntu:wght@500&display=swap');
.menu-main {
  list-style: none;
  margin: 5px 0 5px;
  padding: 25px 0 5px;
  text-align: center;
  background: white;
}
.menu-main li {display: inline-block;}
.menu-main li:after {
  content: "|";
  color: #000;
  display: inline-block;
  vertical-align:top;
}
.menu-main li:last-child:after {content: none;}
.menu-main a {
  text-decoration: none;
  font-family: 'Noto Sans', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 20px;
  margin: 0 10px 0 6px;
  font-size: 17px;
  text-transform: none;
  display: inline-block;
  
}
.menu-main a, .menu-main a:visited {color: #000;}
.menu-main a:before,
.menu-main a:after {
  content: "";
  position: absolute;
  height: 3px;
  top: 25px;
  right: 50%;
  bottom: -1px;
  left: 50%;
  background: #000;
  
}
.menu-main a:hover:before, .menu-main .current:before {left: 0;}
.menu-main a:hover:after, .menu-main .current:after {right: 0;}   
@media (max-width: 550px) {
.menu-main {padding-top: 0;}
.menu-main li {display: block;}
.menu-main li:after {content: none;}
.menu-main a {
  padding: 25px 0 20px; 
  margin: 0 30px;
}

/*Searchform*/
#searchform{
	position:absolute;
	right:15px;
	top:15px;
}
#searchform 
#s{
border:none;
color:#777;
background:#fff;
padding:400px 3px 5px;
margin-right:-4px;
}
#searchform .sim{
	background:#fff;
	border:none;
	color:#fff;
	padding:2px 5px;
}
#searchform .sim:hover,#searchform .sim:focus{
	background:#777;
	cursor:pointer;
}

/*Blocks*/

.col-1 {
  height: 100px;
  width: 33.333%; 
  background: grey;
  margin: .5rem;
}

.col-2 {
  height: 100px;
  width: 33.333%; 
  background: grey;
  margin: .5rem;
}

.col-3 {
  height: 100px;
  width: 33.333%; 
  background: grey;
  margin: .5rem;
}

.row {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;

}

/*Slider*/

/*Подвал*/
#footer{color:#888;padding:0;width:100%;margin-top:25px;}
#copyright{font-size:11px;line-height:13px;width:400px;float:left;}
#metrika{float:right;max-width:550px;}

Просмотр 2 ответов — с 1 по 2 (всего 2)

fevenili
(@fevenili)

2 года, 7 месяцев назад

не видит стиль

По-моему, не закрыт медиазапрос @media (max-width: 550px)
Автор ddmitryu
(@ddmitryu)

2 года, 7 месяцев назад
fevenili, да точно, спасибо большое!
- Ответ изменён 2 года, 7 месяцев назад пользователем ddmitryu.

Просмотр 2 ответов — с 1 по 2 (всего 2)

Тема «Почему не работают некоторые стили в index.php?» закрыта для новых ответов.

Почему не работают некоторые стили в index.php?

Темы

Самые популярные темы

Темы без ответов

Без вопроса

Решённые

Нерешённые

Все темы