style.css不影响新的页面模板

Question

I have added a new template to my theme folder called login.php.

Here is the code for login.php:

<?php
/**
 * Template Name: login
 * Description: login page
 * @package Backyard Cures
 */
?>

<?php get_header(); ?>

@import url("./wp-content/themes/backyard-cures/style.css")

<div class="all-content">
<div class="all-content-container">    
    <?php wp_login_form(); ?>
    <?php get_sidebar(); ?>
    <?php wp_footer(); ?>

I am having two problems, perhaps they are related.

1) When I open the login page, the chrome developer does not register the all-content and all-content-container divs.

2)When I try to style the elements in login.php using style.css those changes don't show. In fact, the chrome developer does not seem to be registering any css at all.

Thanks in advance

Answer 1

@import will only work when used within a css file. To include the css on your page you need to do something like:

<link rel="stylesheet" type="text/css" href="./wp-content/themes/backyard-cures/style.css"/>