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

  • Здравствуйте!
    Может кто поможет, не отображаются некоторые стили в 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)
Просмотр 2 ответов — с 1 по 2 (всего 2)